select下拉列表框中超链接跳转的代码一例

发布时间:2020-08-14编辑:脚本学堂
本文介绍下select下拉列表框中实现超链接跳转的方法,通过一个例子来帮助理解,有需要的朋友,可以参考下。

要实现选择下拉列表进行典型客户的超级链接,代码如下:
 

复制代码 代码示例:
<SELECT size="1">
<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.jb200.com">脚本学堂</option>
        <option value="http://www.jb200.com">脚本学堂</option>
        <option value="#">脚本学堂</option>
        <option value="#">脚本学堂</option>
        <option value="http://www.jb200.com">脚本学堂</option>
        <option value="http://www.jb200.com">脚本学堂</option>
        <option value="http://www.jb200.com">脚本学堂</option>
        <option value="http://www.jb200.com.cn">脚本学堂</option>
        <option value="http://www.jb200.com">脚本学堂</option>
        <option value="http://www.jb200.com">脚本学堂</option>
</SELECT>
 

从以上代码,可以看出下拉列表的超级链接是不同于一般文字的超级链接!
注:以上代码只为测试用,所以用的全是一个网址。

您可能感兴趣的文章:
js 控制页面跳转的五种方法
js 下拉菜单点击链接跳转的代码
js实现页面跳转的代码举例
select下拉列表菜单中超链接跳转
js 倒计时多少秒后跳转页面
js实现用户登录自动跳转
焦点自动跳转的js实现代码
js页面跳转 option location页面跳转
js页面跳转方式 js页面跳转