[求助]下拉列表问题！ - ASP技术论坛

编程论坛 → WEB开发 → 『 ASP技术论坛』 → [求助]下拉列表问题！

标题：[求助]下拉列表问题！

只看楼主

孤独冷雨

来　自：安徽滁州
等　级：贵宾
威　望：23
帖　子：1246
专家分：1909
注　册：2007-6-4
结帖率：82.61%

楼主

问题点数：0 回复次数：11

[求助]下拉列表问题！

我在网上看到，好多友情连接做成下拉列表样式，选择其中一个后，会自动跳转到相应的网站！这个选择后就跳转是怎么做的啊？有知道的吗？

搜索更多相关主题的帖子: 列表　

2007-09-17 17:03

yms123

等　级：版主
威　望：209
帖　子：12488
专家分：19042
注　册：2004-7-17

第 2 楼

得分:0

[CODE]<html>
<head>
<title>下拉列表跳转</title>
<script language="javascript">
function gotoUrl_Click()
{
var goUrl=document.getElementById("gotoUrl");//定位到下拉列表gotoUrl
var selVal=goUrl.options[goUrl.selectedIndex].value;//获得选中的值
self.location=selVal;//跳转到指定URL
}
</script>
</head>
<body>
<select id="gotoUrl" onClick="gotoUrl_Click();" >
<option value="http://www.sina.com.cn" >新浪</option>
<option value="http://www.yahoo.com.cn" >雅虎</option>
<option value="http://www.163.com" >网易</option>
</select>
</body>
</html>[/CODE]

2007-09-17 17:13

孤独冷雨

来　自：安徽滁州
等　级：贵宾
威　望：23
帖　子：1246
专家分：1909
注　册：2007-6-4

第 3 楼

得分:0

谢谢版主！

这里有男女系列成人用品,有时间兄弟们来看一看.
51za.

2007-09-22 15:04

孤独冷雨

来　自：安徽滁州
等　级：贵宾
威　望：23
帖　子：1246
专家分：1909
注　册：2007-6-4

第 4 楼

得分:0

不过好像只能选择新浪一个！！

这里有男女系列成人用品,有时间兄弟们来看一看.
51za.

2007-09-22 15:11

yms123

等　级：版主
威　望：209
帖　子：12488
专家分：19042
注　册：2004-7-17

第 5 楼

得分:0

<select id="gotoUrl" onClick="gotoUrl_Click();" >一时疏忽

这里改成
<select id="gotoUrl" onChange="gotoUrl_Click();" >

2007-09-22 15:26

威龙嘉少

等　级：新手上路
帖　子：205
专家分：0
注　册：2007-9-24

第 6 楼

得分:0

直接用一个跳转菜单就可以搞定了！

2007-09-25 11:56

孤独冷雨

来　自：安徽滁州
等　级：贵宾
威　望：23
帖　子：1246
专家分：1909
注　册：2007-6-4

第 7 楼

得分:0

请问一下，怎么能让他在一新的窗口打开！原来的窗口还保留？

这里有男女系列成人用品,有时间兄弟们来看一看.
51za.

2007-09-27 14:49

yms123

等　级：版主
威　望：209
帖　子：12488
专家分：19042
注　册：2004-7-17

第 8 楼

得分:0

[CODE]<html>
<head>
<title>下拉列表跳转</title>
<script language="javascript">
//打开新窗口函数
//参数:url地址,新窗口高度，新窗口宽度
function OpenNewWindow(url,height,width)
{
window.open(url,"Dialog","height="+height+",width="+width+", top=0,left=0,toolbar=no, menubar=no,scrollbars=no, resizable=no,location=no,status=no");
}
function gotoUrl_Click()
{
var goUrl=document.getElementById("gotoUrl");//定位到下拉列表gotoUrl
var selVal=goUrl.options[goUrl.selectedIndex].value;//获得选中的值
OpenNewWindow(seVal,500,600);
}
</script>
</head>
<body>
<select id="gotoUrl" onChange="gotoUrl_Click();" >
<option value="http://www.sina.com.cn" >新浪</option>
<option value="http://www.yahoo.com.cn" >雅虎</option>
<option value="http://www.163.com" >网易</option>
</select>
</body>
</html>[/CODE]

[此贴子已经被作者于2007-9-27 14:59:40编辑过]

2007-09-27 14:58

孤独冷雨

来　自：安徽滁州
等　级：贵宾
威　望：23
帖　子：1246
专家分：1909
注　册：2007-6-4

第 9 楼

得分:0

谢谢版主！

你可能没有理解我的意思！我说的是像在网站中用（target="_blank"）打开一个新的页面那样，显示新浪、163等网站！

这里有男女系列成人用品,有时间兄弟们来看一看.
51za.

2007-09-27 15:04

yms123

等　级：版主
威　望：209
帖　子：12488
专家分：19042
注　册：2004-7-17

第 10 楼

得分:0

[CODE]<html>
<head>
<title>下拉列表跳转</title>
<script language="javascript">
//打开新窗口函数
//参数:url地址,新窗口高度，新窗口宽度
function OpenNewWindow(url,height,width)
{
window.open(url,"_blank","");
}
function gotoUrl_Click()
{
var goUrl=document.getElementById("gotoUrl");//定位到下拉列表gotoUrl
var selVal=goUrl.options[goUrl.selectedIndex].value;//获得选中的值
OpenNewWindow(selVal,500,600);
}
</script>
</head>
<body>
<select id="gotoUrl" onChange="gotoUrl_Click();" >
<option value="http://www.sina.com.cn" >新浪</option>
<option value="http://www.yahoo.com.cn" >雅虎</option>
<option value="http://www.163.com" >网易</option>
</select>
</body>
</html>[/CODE]

2007-09-27 15:14

参与讨论请移步原网站贴子：https://bbs.bccn.net/thread-170659-1-1.html