当前位置:主页 > 网页前端 > JavaScript代码 >

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

时间:2021-12-18 10:10:16 | 栏目: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程序设计有所帮助。

您可能感兴趣的文章:

相关文章