下拉菜单点击实现连接跳转功能的js代码
更新时间：2013年05月19日 15:16:00 作者：
下拉菜单点击实现连接跳转效果想必不是很常见吧，下面与大家分享下具体的实现另有实例，感兴趣的朋友可以参考下哈
1.js代码
<!--
function MM_jumpMenu(targ,selObj,restore){
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
-->
2.使用
<p class="yq">校友会链接：</p>
<p>
<label>
<select name="select2" onchange="MM_jumpMenu('parent',this,0)">
<option>
请选择
</option>
<option value="http://www.fudan.org.cn/">
复旦大学校友网
</option>
<option value="http://www.pku.org.cn/">
北京大学校友网
</option>
<option value="http://www.tsinghua.org.cn/alumni/index.do">
清华大学校友网
</option>
</select>
</label></p>
复制代码 代码如下:
<!--
function MM_jumpMenu(targ,selObj,restore){
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
-->
2.使用
复制代码 代码如下:
<p class="yq">校友会链接：</p>
<p>
<label>
<select name="select2" onchange="MM_jumpMenu('parent',this,0)">
<option>
请选择
</option>
<option value="http://www.fudan.org.cn/">
复旦大学校友网
</option>
<option value="http://www.pku.org.cn/">
北京大学校友网
</option>
<option value="http://www.tsinghua.org.cn/alumni/index.do">
清华大学校友网
</option>
</select>
</label></p>
相关文章
我们常说JavaScript原生支持json，因为我们可以认为json就是对JavaScript的Object对象的灵活应用。2010-05-05
这篇文章主要介绍了javascript+canvas制作九宫格小程序，效果非常棒，这里推荐给有需要的小伙伴们2014-12-12
Javascript 类、命名空间、代码组织代码，学习js的朋友可以参考下。2011-07-07
for 循环是出现最早，也是应用最普遍的一个遍历，能够满足绝大多数的遍历。可以遍历 数组、对象、字符串。本文将详细为大家介绍JS中的六种For循环的使用，需要的可以参考一下2022-04-04
这篇文章主要为大家详细介绍了iSlider手机端图片滑动切换插件的使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-12-12
BootStrap使用file-input插件上传图片的方法
这篇文章主要介绍了BootStrap使用file-input插件上传图片的方法，bootstrap的图片上传框架 file-input 插件非常不错，下面小编通过本文介绍下这个插件的使用方法，感兴趣的朋友一起看看吧2016-09-09
这篇文章主要介绍了Javascript浮点数乘积运算出现多位小数的解决方法,需要的朋友可以参考下2014-02-02
这篇文章主要介绍了详解webpack进阶之插件篇，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
js实现无干扰阴影效果,简单好用，需要的朋友可以参考下。2009-12-12
这篇文章主要介绍了JavaScript中的作用域与闭包，JavaScript是一种具有函数优先的轻量级，解释型或即时编译型的编程语言，下文是更多相关介绍需要的小伙伴可以参考一下2022-05-05
最新评论