简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

html select标签加链接3种方法

来源:易贤网   阅读:2470 次  日期: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>

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:加粗<b>与<strong>的区别分析
下一篇:html 内联元素和html 块级元素概述及区别
易贤网手机网站地址:html select标签加链接3种方法
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!