html select标签加链接3种方法
来源: 阅读:2214 次 日期:2016-06-21 11:44:25
温馨提示: 小编为您整理了“html select标签加链接3种方法”,方便广大网友查阅!

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>

更多信息请查看网页制作
由于各方面情况的不断调整与变化, 提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!
关于我们 | 联系我们 | 人才招聘 | 网站声明 | 网站帮助 | 非正式的简要咨询 | 简要咨询须知 | 加入群交流 | 手机站点 | 投诉建议
工业和信息化部备案号:滇ICP备2023014141号-1 云南省教育厅备案号:云教ICP备0901021 滇公网安备53010202001879号 人力资源服务许可证:(云)人服证字(2023)第0102001523号
云南网警备案专用图标
联系电话:0871-65317125(9:00—18:00) 获取招聘考试信息及咨询关注公众号:
咨询QQ:526150442(9:00—18:00)版权所有:
云南网警报警专用图标
Baidu
map