您的当前位置: 首页 > 建站知识
Select标签加超链接的方法
发布时间:2021-01-02

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 windowsfunction 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>

 

学点技术备用。

Copyright © 2012-2021(tech.moresdk.com) 版权所有 Powered by 万站群

本站部份内容来源自网络,文字、素材、图片版权属于原作者,本站转载素材仅供大家欣赏和分享,切勿做为商业目的使用。

如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!