87,994
社区成员
发帖
与我相关
我的任务
分享一个简单的javascript问题，下拉框事件？
现在要做一个下拉框，点点击这个项时，直接链接到到相前的网址，不用再点击按钮了。请问代码怎么写？
...全文
请发表友善的回复…
发表回复
用户 昵称 2003-02-14
- 打赏
- 举报
cast
随风奔跑 2003-02-14
- 打赏
- 举报
可以，增加target="_self"
skyan 2003-02-14
- 打赏
- 举报
本页转换链接：
<form>
<select size="1" font-size: 9pt" name="D1" onChange="window.open(this.options[this.selectedIndex].value,'_self','')">
<option value="#" selected>请选择站点</option>
<option value="http://www.edu.cn">中国教育网</option>
<option value="http://www.ec.js.edu.cn">江苏教育网</option>
<option value="http://www.pku.edu.cn">北京大学</option>
<option value="http://www.edu.cn/search/inc/list.php?listid=128">更多大学...</option>
</select>
</form>
弹出新链接：
<form>
<select size="1" font-size: 9pt" name="D1" onChange="window.open(this.options[this.selectedIndex].value,'','')">
<option value="#" selected>请选择站点</option>
<option value="http://www.edu.cn">中国教育网</option>
<option value="http://www.ec.js.edu.cn">江苏教育网</option>
<option value="http://www.pku.edu.cn">北京大学</option>
<option value="http://www.edu.cn/search/inc/list.php?listid=128">更多大学...</option>
</select>
</form>
<form>
<select size="1" font-size: 9pt" name="D1" onChange="window.open(this.options[this.selectedIndex].value,'_self','')">
<option value="#" selected>请选择站点</option>
<option value="http://www.edu.cn">中国教育网</option>
<option value="http://www.ec.js.edu.cn">江苏教育网</option>
<option value="http://www.pku.edu.cn">北京大学</option>
<option value="http://www.edu.cn/search/inc/list.php?listid=128">更多大学...</option>
</select>
</form>
弹出新链接：
<form>
<select size="1" font-size: 9pt" name="D1" onChange="window.open(this.options[this.selectedIndex].value,'','')">
<option value="#" selected>请选择站点</option>
<option value="http://www.edu.cn">中国教育网</option>
<option value="http://www.ec.js.edu.cn">江苏教育网</option>
<option value="http://www.pku.edu.cn">北京大学</option>
<option value="http://www.edu.cn/search/inc/list.php?listid=128">更多大学...</option>
</select>
</form>
skyan 2003-02-14
- 打赏
- 举报
<form>
<select size="1" font-size: 9pt" name="D1" onChange="window.open(this.options[this.selectedIndex].value,'_self','')">
<option value="#" selected>请选择站点</option>
<option value="http://www.edu.cn">中国教育网</option>
<option value="http://www.ec.js.edu.cn">江苏教育网</option>
<option value="http://www.pku.edu.cn">北京大学</option>
<option value="http://www.edu.cn/search/inc/list.php?listid=128">更多大学...</option>
</select>
</form>
<select size="1" font-size: 9pt" name="D1" onChange="window.open(this.options[this.selectedIndex].value,'_self','')">
<option value="#" selected>请选择站点</option>
<option value="http://www.edu.cn">中国教育网</option>
<option value="http://www.ec.js.edu.cn">江苏教育网</option>
<option value="http://www.pku.edu.cn">北京大学</option>
<option value="http://www.edu.cn/search/inc/list.php?listid=128">更多大学...</option>
</select>
</form>
bian8021 2003-02-14
- 打赏
- 举报
能不能在以前的网页上变，不用弹出一个新窗口。怎么办？
xuxijian2003 2003-02-14
- 打赏
- 举报
<html>
<body>
<select onchange="javascript:window.open(this.options[this.selectedIndex].value);" size="1">
<option value="http://www.sina.com.cn">http://www.sina.com.cn</option>
<option value="http://www.sohu.com">http://www.sohu.com</option>
</form>
</body>
</html>
<body>
<select onchange="javascript:window.open(this.options[this.selectedIndex].value);" size="1">
<option value="http://www.sina.com.cn">http://www.sina.com.cn</option>
<option value="http://www.sohu.com">http://www.sohu.com</option>
</form>
</body>
</html>
redv 2003-02-14
- 打赏
- 举报
onChange="window.open(this.options[this.selectedIndex].value,'','')"
这里调用了javascript事件：onChange//当改变时
函数：windows.open(url,...)
其中url的值是this.options[this.selectedIndex].value
例子：
<form><select size="1" font-size: 9pt" name="D1" onChange="window.open(this.options[this.selectedIndex].value,'','')">
<option value="#" selected>请选择站点</option>
<option value="http://www.edu.cn">中国教育网</option>
<option value="http://www.ec.js.edu.cn">江苏教育网</option>
<option value="http://www.pku.edu.cn">北京大学</option>
<option value="http://www.tsinghua.edu.cn">清华大学</option>
<option value="http://www.bubt.edu.cn">北京邮电大学</option>
<option value="http://www.xjtu.edu.cn">西安交通大学</option>
<option value="http://www.sjtu.edu.cn">上海交通大学</option>
<option value="http://www.seu.edu.cn">东南大学</option>
<option value="http://www.hust.edu.cn">华中科技大学</option>
<option value="http://www.neu.edu.cn">东北大学</option>
<option value="http://www.uestc.edu.cn">电子科技大学</option>
<option value="http://www.scut.edu.cn">华南理工大学</option>
<option value="http://www.fudan.edu.cn">复旦大学</option>
<option value="http://www.ustc.edu.cn">中国科技大</option>
<option value="http://www.nju.edu.cn">南京大学</option>
<option value="http://www.edu.cn/search/inc/list.php?listid=128">更多大学...</option>
</select></form>
这里调用了javascript事件：onChange//当改变时
函数：windows.open(url,...)
其中url的值是this.options[this.selectedIndex].value
例子：
<form><select size="1" font-size: 9pt" name="D1" onChange="window.open(this.options[this.selectedIndex].value,'','')">
<option value="#" selected>请选择站点</option>
<option value="http://www.edu.cn">中国教育网</option>
<option value="http://www.ec.js.edu.cn">江苏教育网</option>
<option value="http://www.pku.edu.cn">北京大学</option>
<option value="http://www.tsinghua.edu.cn">清华大学</option>
<option value="http://www.bubt.edu.cn">北京邮电大学</option>
<option value="http://www.xjtu.edu.cn">西安交通大学</option>
<option value="http://www.sjtu.edu.cn">上海交通大学</option>
<option value="http://www.seu.edu.cn">东南大学</option>
<option value="http://www.hust.edu.cn">华中科技大学</option>
<option value="http://www.neu.edu.cn">东北大学</option>
<option value="http://www.uestc.edu.cn">电子科技大学</option>
<option value="http://www.scut.edu.cn">华南理工大学</option>
<option value="http://www.fudan.edu.cn">复旦大学</option>
<option value="http://www.ustc.edu.cn">中国科技大</option>
<option value="http://www.nju.edu.cn">南京大学</option>
<option value="http://www.edu.cn/search/inc/list.php?listid=128">更多大学...</option>
</select></form>
