Select标签加超链接的方法
小鹿系列竞价软件覆盖百度、360、搜狗、神马四大搜索平台，采用独创的竞价算法，智能精准出价，一键批量查排名，根据关键词位置实时调整出价，降低出价虚高，稳定排名，节省企业预算。
小鹿竞价软件专题介绍：https://www.xiaolutg.com/bidding/fengchao?ref=menu
select 标签可创建单选或多选菜单，很多时候需要实现链接跳转，下面是三种实现方法：
第一种方法：
- <html>
- <head>
- <metahttp-equiv=“Content-Type”content=“text/html;charset=gb2312”/>
- <title>select加链接</title>
- </head>
- <body>
- <SCRIPTlanguage=javascript>
- <!–
- //opentherelatedsitewindows
- functionmbar(sobj){
- vardocurl=sobj.options[sobj.selectedIndex].value;
- if(docurl!=“”){
- open(docurl，’_blank’);
- sobj.selectedIndex=0;
- sobj.blur();
- }
- }
- //–>
- </SCRIPT>
- <Selectonchange=mbar(this)name=“select”>
- <OPTIONselected>===合作伙伴===</OPTION>
- <OPTIONvalue=“http://www.baidu.com”>百度</OPTION>
- <OPTIONvalue=“http://www.163.com”>网易</OPTION>
- <OPTIONvalue=“http://www.flash8.net/”>闪吧</OPTION>
- </Select>
- </body>
- </html>
第二种方法：
- <selectname=“pageselect”onchange=“self.location.href=options[selectedIndex].value”>
- <OPTIONvalue=“http://www.baidu.com”>百度</OPTION>
- <OPTIONvalue=“http://www.163.com”>网易</OPTION>
- </select>
第三种方法：带跳转按钮
- <html><head>
- <metahttp-equiv=“Content-Type”content=“text/html;charset=utf-8”/>
- <title>select选择-按钮跳转</title>
- <scripttype=“text/javascript”>
- functionsetsubmit()
- {
- 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>
- <selectname=“mylink”id=“mylink”>
- <OPTIONvalue=“0”>百度</OPTION>
- <OPTIONvalue=“1”>网易</OPTION>
- <OPTIONvalue=“2”>新浪</OPTION>
- </select>
- <inputtype=“button”id=“btn”value=“提交”onclick=“setsubmit(this)”/>
- </body>
- </html>
学点技术备用。
标签：
小鹿SEM推广
分享至：
相关资讯
关注公众号 获取更多干货资讯