[求助]下拉列表问题！ - 编程论坛

#2

yms1232007-09-17 17:13

[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]

#3

孤独冷雨2007-09-22 15:04

谢谢版主！

#4

孤独冷雨2007-09-22 15:11

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

#5

yms1232007-09-22 15:26

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

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

#6

威龙嘉少2007-09-25 11:56

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

#7

孤独冷雨2007-09-27 14:49

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

#8

yms1232007-09-27 14:58

[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编辑过]

#9

孤独冷雨2007-09-27 15:04

谢谢版主！

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

#10

yms1232007-09-27 15:14

[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]

#11

孤独冷雨2007-09-27 16:33

版主真是个好样的，谢谢！！

#12

piaoxue2007-09-27 16:54

function ok(select){
if(select.options[select.selectedIndex].value!='#') {
window.open(select.options[select.selectedIndex].value,'_blank');
}
}
</script>

<select style="FONT-SIZE: 13px; WIDTH: 140px" onChange="ok(this)" name="select">
<option value="http://www.sina.com.cn" >新浪</option>
<option value="http://www.yahoo.com.cn" >雅虎</option>
<option value="http://www.163.com" >网易</option>
</select>