| 标题 | html select标签加链接3种方法 |
| 内容 | 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> |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。