JavaScript实现单击下拉框选择直接跳转页面的方法
更新时间：2015年07月02日 10:54:32 作者：tianmo2010
这篇文章主要介绍了JavaScript实现单击下拉框选择直接跳转页面的方法,涉及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程序设计有所帮助。
相关文章
大家讨论下constructor的作用哈,需要的朋友可以参考下。从51js摘编而来。2011-11-11
这篇文章主要介绍了JS实现获取当前URL和来源URL的方法,涉及javascript针对页面document属性操作的相关技巧,需要的朋友可以参考下2016-08-08
最近有美工朋友找我们要兼容性比较好的对联广告代码，我们给他一个他竟然不能运行，经过排查，这是因为现在的广告也用了一样代码，函数命名重复。2011-07-07
这篇文章主要为大家详细介绍了laypage+SpringMVC实现后端分页，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-07-07
跟我学习javascript的this关键字，this是动态绑定，或称为运行期绑定的，这就导致 JavaScript中的this关键字有能力具备多重含义，带来灵活性的同时，也为初学者带来不少困惑2015-11-11
bootstrap中selectpicker下拉框使用方法实例
这篇文章主要给大家介绍了关于bootstrap中selectpicker下拉框使用的相关资料，文中通过示例介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。2018-03-03
这篇文章主要介绍了特殊日期提示功能的实现方法的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-06-06
今天小编就为大家分享一篇解决layUI的页面显示不全的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
浅析document.createDocumentFragment()与js效率
对于循环批量操作页面的DOM有很大帮助！利用文档碎片处理，然后一次性append，并且使用原生的javascript语句操作2013-07-07
JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享
在新浪微博首页看到每条微博后边显示的时间并不是标准的年-月-日格式，而是经过换算的时间差，如：发表于5分钟前、发表于“2小时前”，比起标准的时间显示格式，貌似更加直观和人性化2014-04-04
最新评论