|
|
html select标签加链接3种方法
html select标签加链接的方法有很多,接下来为大家介绍下几个比较经典的,感兴趣的朋友可以参考下哈,希望可以帮助到你
方法1:
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <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.panpan.org">盼盼资源网</OPTION>
- <OPTION value="http://www.panpan.org">盼盼资源网</OPTION>
- <OPTION value="http://www.panpan.org">盼盼资源网</OPTION>
- </Select>
- </body>
- </html>
复制代码
方法2:
- <select name="pageselect" onchange="self.location.href=options[selectedIndex].value" >
- <OPTION value="http://www.panpan.org">盼盼资源网</OPTION>
- <OPTION value="http://www.panpan.org">盼盼资源网</OPTION>
- </select>
复制代码
方法3:带跳转按钮的
- <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.panpan.org';
- if(mylink.value == 1)
- window.location='http://www.panpan.org';
- if(mylink.value == 2)
- window.location='http://www.panpan.org';
- }
- </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>
复制代码
|
|