下拉菜单点击实现连接跳转功能的js代码
作者:
下拉菜单点击实现连接跳转效果想必不是很常见吧,下面与大家分享下具体的实现另有实例,感兴趣的朋友可以参考下哈
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>