JavaScript实现单击下拉框选择直接跳转页面的方法

本文实例讲述了JavaScript实现单击下拉框选择直接跳转页面的方法。分享给大家供大家参考。具体实现方法如下:

<script type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
 if (restore) selObj.selectedIndex=0;
}
//-->
</script>
<select name="dgLink2" id="dgLink2" style="WIDTH: 150px" onchange="MM_jumpMenu('parent',this,0)">
 <option value="#">---教学院系---</option>
 <option value="http://kletor.yangtzeu.edu.cn">油气资源与勘探技术教育部重点实验室</option>
 <option value="http://jjxy.yangtzeu.edu.cn">经济学院</option>
 <option value="http://zf.yangtzeu.edu.cn">政治与法律学院</option>
 <option value="http://tyxy.yangtzeu.edu.cn">体育学院</option>
 <option value="http://zhongwen.yangtzeu.edu.cn">文学院(荆楚文化研究中心)</option>
 <option value="http://yuwei.yangtzeu.edu.cn">文学院(语委、普通话测试站)</option>
 <option value="http://fl.yangtzeu.edu.cn">外国语学院</option>
 <option value="http://art.yangtzeu.edu.cn">艺术学院</option>
 <option value="http://shuxue.yangtzeu.edu.cn">信息与数学学院</option>
 <option value="http://psat.yangtzeu.edu.cn">物理科学与技术学院</option>
 <option value="http://chem.yangtzeu.edu.cn">化学与环境工程学院</option>
</select>

希望本文所述对大家的javascript程序设计有所帮助。

(0)

相关推荐

  • jquery获取链接地址和跳转详解(推荐)

    一.获取地址栏参数的方法 获取地址栏参数的方法 <script type="text/javascript"> (function ($) { $.getUrlParam = function (name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).matc

  • jQuery动态修改超链接地址的方法

    本文实例讲述了jQuery动态修改超链接地址的方法.分享给大家供大家参考.具体实现方法如下: html代码如下: <a id="jb51" href="http://www.haotu.net">好图网</a> 通过jQuery更换此超级链接的链接地址为http://www.jb51.net,代码如下: $("button").click(function(){ $("#jb51").attr(&quo

  • JavaScript中通过提示框跳转页面的方法

    通过提示框跳转页面具体代码如下所示: <!doctype html> <html lang="en"> <head> <meta charset="UTF-"> <title>Document</title> </head> <body> <script> window.onload = function(){ //设置当页面加载时执行 var btn =do

  • 在JS中a标签加入单击事件屏蔽href跳转页面

    我们常用的在a标签中有点击事件: 1. a href="JavaScript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放.W3C标准不推荐在href里面执行javascript语句 2. a href="javascript:void(0);"

  • JS在一定时间内跳转页面及各种刷新页面的实现方法

    1.js 代码: <SCRIPT LANGUAGE="JavaScript"> var time = 5; //时间,秒 var timelong = 0; function diplaytime(){ //时间递减 document.all.his.innerHTML = time -timelong ; timelong ++; } function redirect(){ //跳转页 //history.back(); window.location.href=&qu

  • javascript实现倒计时跳转页面

    很多网页都有类似的效果,那就是经过指定的时间能够跳转到其他页面,如果再人性化一点话,会带有倒计时效果,本章节就介绍一下如何实现此效果,代码实例如下: <script type="text/javascript"> var t=10; setInterval("refer()",1000); function refer(){ if(t==0){ location.href="http://www.jb51.net"; } docume

  • JavaScript实现倒计时跳转页面功能【实用】

    这里给大家提供一个好用的JS写的倒计时页面,就像一些网站上点提交后出现的倒计时页面类似. 页面代码简单,直接拷贝就能运行,页面可以自己美化下. <!--这里定义倒计时开始数值--> <span id="totalSecond">5</span> <!--定义js变量及方法--> <script language="javascript" type="text/javascript"> v

  • JavaScript实现单击下拉框选择直接跳转页面的方法

    本文实例讲述了JavaScript实现单击下拉框选择直接跳转页面的方法.分享给大家供大家参考.具体实现方法如下: <script type="text/JavaScript"> <!-- function MM_jumpMenu(targ,selObj,restore){ //v3.0 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");

  • js实现下拉框选择要显示图片的方法

    本文实例讲述了js实现下拉框选择要显示图片的方法.分享给大家供大家参考.具体实现方法如下: <html> <title>下拉框选择要显示的图片</title> <body> <img width=320 height=240 src="images/m01.jpg" name="x1"> <SELECT onChange="document.x1.src=options[selectedIn

  • jQuery实现下拉框选择图片功能实例

    本文实例讲述了jQuery实现下拉框选择图片功能.分享给大家供大家参考.具体如下: 让下拉框中显示图片,并可选择对应图片,让select下拉框不仅可显示文字,还可以显示图片内容.为了更生动些,这里还加入了jQuery动画效果,当展开Select列表的时候,图片渐变显示.使用了一个jQ插件:imageselect.js,使用效果的朋友可以自己下载吧. 运行效果截图如下: 具体代码如下: <!DOCTYPE html> <head> <title>支持图片选择的jQuery

  • jQuery模拟下拉框选择对应菜单的内容

    先给大家展示下效果图: 下面一段代码给大家分享基于jquery实现的模拟下拉框选择对应菜单的内容,具体代码如下所示: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> body,ul,li,a,p{margin

  • JavaScript实现向select下拉框中添加和删除元素的方法

    本文实例讲述了JavaScript实现向select下拉框中添加和删除元素的方法.分享给大家供大家参考,具体如下: 1.说明 a. 利用append()方法向下拉框中添加元素 b. 利用remove()方法移除下拉框中最后一个元素 2.实例源码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition

  • 原生js实现下拉框选择组件

    本文实例为大家分享了js实现下拉框选择组件的具体代码,供大家参考,具体内容如下 功能需求: 1.点击div后,div显示聚焦状态,同时显示下拉框内容: 2.选择儿童人数后,如果儿童人数大于0,在下方出现对应的儿童年龄选择框数量: 3.成人人数的选择范围是1-7,儿童人数的选择范围是0-4,儿童年龄的选择范围是<1.1-17: 4.点击确认按钮后,将选择好的成人人数和儿童人数显示在最上方的div内: 5.可以控制选择框是否可点击: 6.当显示一个ul列表时,点击另一个ul列表,将上一个ul列表隐藏

  • BootStrap中关于Select下拉框选择触发事件及扩展

    Select下拉框的问题,想在选择一个选项后,前台显示做出变动,并且知道选择的是第几个选项. 这个很好解决: 如下: <div class="page-header"> <div class="form-horizontal"> <div class="control-label col-lg-0"> </div> <div class="col-lg-2"> <

  • 基于jQuery的select下拉框选择触发事件实例分析

    本文实例讲述了基于jQuery的select下拉框选择触发事件实现方法.分享给大家供大家参考,具体如下: 我一直以来都认为,select 下拉框选择对选项 options 使用 onclick 注册事件即可,如下: <select> <option value="0" onclick="func(0)">选项一</option> <option value="1" onclick="func(1

  • DropDownList 下拉框选择改变促发事件和防全局刷新(推荐)

    代码: <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager> //ASP.NET中使用UpdatePanel实现局部异步刷新 <asp:UpdatePanel ID="UpdatePanel1" runat="server"> <ContentTemplate> <asp:Dr

  • 微信小程序picker组件下拉框选择input输入框的实例

    微信小程序picker组件下拉框选择input输入框的实例 实现效果图: 页面 <view class="row-wrap"> <view class="label">预约项目</view> <picker bindchange="bindCasPickerChange" value="{{casIndex1}}" range="{{casArray}}">

随机推荐