来源：自学PHP网 时间：2014-12-15 15:58 作者： 阅读:次
[导读] html select标签加链接的方法有很多，接下来为大家介绍下几个比较经典的，,感兴趣的朋友可以参考下哈，希望可以帮助到你...
|
html select标签加链接的方法有很多，接下来为大家介绍下几个比较经典的，,感兴趣的朋友可以参考下哈，希望可以帮助到你
复制代码 代码如下:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>select加链接</title> </head> <body> <SCRIPT language=javascript> <!-- // open the related site windows function mbar(sobj) { var docurl =sobj.options[sobj.selectedIndex].value; if (docurl != "") { open(docurl,'_blank'); sobj.selectedIndex=0; sobj.blur(); } } //--> </SCRIPT> <Select onchange=mbar(this) name="select"> <OPTION selected>=== 合作伙伴 ===</OPTION> <OPTION value="http://www.baidu.com">百度</OPTION> <OPTION value="http://www.163.com">网易</OPTION> <OPTION value="http://www.flash8.net/">闪吧</OPTION> </Select> </body> </html> 第二种： 复制代码 代码如下:<select name="pageselect" onchange="self.location.href=options[selectedIndex].value" > <OPTION value="http://www.baidu.com">百度</OPTION> <OPTION value="http://www.163.com">网易</OPTION> </select> 第三种带跳转按钮的： 复制代码 代码如下:<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>select选择-按钮跳转</title> <script type="text/javascript"> function setsubmit() { if(mylink.value == 0) window.location='http://www.baidu.com'; if(mylink.value == 1) window.location='http://www.163.com'; if(mylink.value == 2) window.location='http://www.sina.com'; } </script> </head> <body> <select name="mylink" id="mylink"> <OPTION value="0">百度</OPTION> <OPTION value="1">网易</OPTION> <OPTION value="2">新浪</OPTION> </select> <input type="button" id="btn" value="提交" onclick="setsubmit(this)" /> </body> </html> |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com
