html select标签加链接3种方法
导读:收集整理的这篇文章主要介绍了html select标签加链接3种方法,觉得挺不错的,现在分享给大家,也给大家做个参考。 第一种: 复制代码代码如下: <htML> <head> <meta http-...
收集整理的这篇文章主要介绍了html select标签加链接3种方法,觉得挺不错的,现在分享给大家,也给大家做个参考。 第一种: 复制代码代码如下:
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>
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: html select标签加链接3种方法
本文地址: https://pptw.com/jishu/587844.html