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

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

　　?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<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程序设计有所帮助。

时间： 2024-08-30 21:44:14

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

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

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

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

 这篇文章主要介绍了js实现下拉框选择要显示图片的方法,涉及针对js操作select的技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了js实现下拉框选择要显示图片的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 <html> <title>下拉框选择要显示的图片</title> <body> <img width=320 height=240 src="images

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

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

javascript中select下拉框的用法总结_javascript技巧

本文针对开发项目中遇到的问题,进行了汇总问题1:如何选择select的option里面的值? 首先会用到一个方法 onchange():这个方法主要用于触发,选择框内容改变时间 实现代码: <!doctype html> <html> <head lang="en"> <meta charset="UTF-8"> </head> <body> <select onchange="

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

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

下拉框 地图-下拉框选择不同的值，google地图也跟着变动

问题描述 下拉框选择不同的值,google地图也跟着变动 http://www.sanygroup.com/group/zh-cn/service/network.jsp 效果和这个一样

隐藏-Ext 根据下拉框选择不同的值 显示不同的文本框

问题描述 Ext 根据下拉框选择不同的值 显示不同的文本框 Ext 根据下拉框选择不同的值 显示不同的文本框 只显示了文本框没有显示fieldLabel Ext.onReady(function(){ this.username = { id:'usernameId', tabIndex:4, xtype:'textfield', fieldLabel: '密码', cls:'x-upper-text', width:80, name: 'username', maxLength:25, upp

DropDownList 下拉框选择改变促发事件和防全局刷新(推荐)_实用技巧

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

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

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