html select option标签加链接3种方法

摘要:html select option标签加链接3种方法...

作者:LoveCode标签:html,select,option,标签,加链接,3种方法

html select option标签加链接的方法有很多,接下来为大家介绍下几个比较经典的,,感兴趣的朋友可以参考下哈,希望可以帮助到你


第一种: 

<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>
CopyRight © 2017 荒山本的官方网站 粤ICP备16049175号 All Right Service 网站地图(xml) 网站地图(html)