select下拉列表框中超链接跳转的代码一例
发布时间:2014-10-24 编辑:jiaochengji.com
本文介绍下select下拉列表框中实现超链接跳转的方法,通过一个例子来帮助理解,有需要的朋友,可以参考下。
要实现选择下拉列表进行典型客户的超级链接,代码如下:
复制代码 代码示例:
<SELECT size="1">
<OPTION selected>-请选择站点-</OPTION>
<option><a href="#">教程集</a></option>
<SELECT>
<OPTION selected>-请选择站点-</OPTION>
<option><a href="#">教程集</a></option>
<SELECT>
以上代码,不会进行跳转,应修改为如下的方式:
复制代码 代码示例:
<SCRIPT language=JavaScript>function MM_jumpMenu(targ,selObj,restore){ eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); if (restore) selObj.selectedIndex=0;}</SCRIPT>
<SELECT style="WIDTH: 125px" onchange="MM_jumpMenu('parent',this,0)">
<OPTION selected>-请选择站点-</OPTION>
<option value="#">教程集</option>
<option value="http://www.jiaochengji.com">教程集</option>
<option value="http://www.jiaochengji.com">教程集</option>
<option value="#">教程集</option>
<option value="#">教程集</option>
<option value="http://www.jiaochengji.com">教程集</option>
<option value="http://www.jiaochengji.com">教程集</option>
<option value="http://www.jiaochengji.com">教程集</option>
<option value="http://www.jiaochengji.com.cn">教程集</option>
<option value="http://www.jiaochengji.com">教程集</option>
<option value="http://www.jiaochengji.com">教程集</option>
</SELECT>
<SELECT style="WIDTH: 125px" onchange="MM_jumpMenu('parent',this,0)">
<OPTION selected>-请选择站点-</OPTION>
<option value="#">教程集</option>
<option value="http://www.jiaochengji.com">教程集</option>
<option value="http://www.jiaochengji.com">教程集</option>
<option value="#">教程集</option>
<option value="#">教程集</option>
<option value="http://www.jiaochengji.com">教程集</option>
<option value="http://www.jiaochengji.com">教程集</option>
<option value="http://www.jiaochengji.com">教程集</option>
<option value="http://www.jiaochengji.com.cn">教程集</option>
<option value="http://www.jiaochengji.com">教程集</option>
<option value="http://www.jiaochengji.com">教程集</option>
</SELECT>
从以上代码,可以看出下拉列表的超级链接是不同于一般文字的超级链接!
注:以上代码只为测试用,所以用的全是一个网址。
您可能感兴趣的文章:
js 控制页面跳转的五种方法
select下拉列表框中超链接跳转的代码一例
js 3秒后跳转页面实例代码
JavaScript页面跳转的几种方式(注释版)
js实现用户登录自动跳转的代码
select下拉列表菜单中超链接跳转的实现代码
js 倒计时多少秒后跳转页面的实例代码
select下拉列表菜单添加超链接的方法介绍
js 下拉菜单点击链接跳转的代码
asp.net Web服务器控件教程
上一篇:select下拉列表菜单中超链接跳转的实现代码
下一篇:双击滚屏的js代码一例
[关闭]