select标签加超链接的三种实现方法

来源:互联网 发布:递归算法理解 编辑:程序博客网 时间:2024/06/06 02:49
我使用的方法,OK的方法:
01<select name="pageselect"02onchange="window.open(options[selectedIndex].value,'_blank')">
03<optionvalue="http://192.168.0.50/szchinapcbone/">友情链接</option>
04<optionvalue="http://www.ipc.org">http://www.ipc.org</option>
05<optionvalue="http://www.smta.org">http://www.smta.org</option>
06<optionvalue="http://www.mouse.com">http://www.mouse.com</option>
07<optionvalue="http://www.chinapcbone.com">瑞邦多层国际</option>
08<optionvalue="http://www.chinapcbone.com.cn">瑞邦多层线路</option>
09</select>

######################################################################

方法1,用js脚本实现。

01

<html>

02

<head>

03

<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />

04

<title>select加链接</title>

05

</head>

06

<body>

07

<SCRIPT language=javascript>

08

<!--

09

// open the related site windows

10

function mbar(sobj) {

11

var docurl =sobj.options[sobj.selectedIndex].value;

12

if (docurl != "") {

13

open(docurl,'_blank');

14

sobj.selectedIndex=0;

15

sobj.blur();

16

}

17

}

18

//-->

19

</SCRIPT>

20

<Select onchange=mbar(this) name="select">

21

<OPTION selected>===合作伙伴===</OPTION>

22

<OPTION value="http://www.baidu.com">百度</OPTION>

23

<OPTION value="http://www.163.com">网易</OPTION>

24

<OPTION value="http://www.jbxue.com/"><a href="http://www.jbxue.com" target="_blank"class="infotextkey">脚本学堂</a></OPTION>

    

25

</Select>

26

</body>

27

</html>

方法2,直接用onchange属性。

1

<select name="pageselect" onchange="self.location.href=options[selectedIndex].value" >

2

<OPTION value="http://www.baidu.com">百度</OPTION>

    

3

<OPTION value="http://www.163.com">网易</OPTION>

4

</select>

方法3,带跳转按钮,这个需要手动操作。

01

<html><head>

02

<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />

03

<title>select选择-按钮跳转</title>

04

<script type="text/javascript">

05

function setsubmit()

06

{

07

if(mylink.value == 0)

08

window.location='http://www.jbxue.com';

09

if(mylink.value == 1)

10

window.location='http://www.163.com';

11

if(mylink.value == 2)

12

window.location='http://www.sina.com';

13

}

14

</script>

15

</head>

16

<body>

17

<select name="mylink" id="mylink">

18

<OPTION value="0">百度</OPTION>

19

<OPTION value="1">网易</OPTION>

20

<OPTION value="2">新浪</OPTION>

21

</select>

22

<input type="button" id="btn" value="提交" onclick="setsubmit(this)" />

23

</body>

24

</html>