东莞折扣网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>
学点技术备用。
免费学习国学文化，请点击“国学讲堂“
