html select标签加链接3种方法
2016-06-21来源:易贤网

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>

2026公务员·事业单位培训课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息