首页 > PHP资讯 > HTML5培训技术 > html select标签加链接3种方法

html select标签加链接3种方法

HTML5培训技术
点评: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> 

南京HTML5培训
本文由欣才IT学院整理发布,未经许可,禁止转载。