这篇文章主要介绍了 JavaScript 实现单击下拉框选择直接跳转页面的方法, 涉及 javascript 控制页面跳转的相关技巧, 需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文实例讲述了 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 程序设计有所帮助。
来源: