教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 select下拉列表框中超链接跳转的代码一例

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

发布时间:2014-10-24   编辑:jiaochengji.com
本文介绍下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.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服务器控件教程

关键词: 超链接  下拉列表框   
[关闭]
~ ~