下拉框链接到网页

最新推荐文章于 2022-08-09 05:08:46 发布

转载最新推荐文章于 2022-08-09 05:08:46 发布 · 1.6k 阅读

标签

#教育 #javascript #url

本文介绍了如何使用HTML和JavaScript实现下拉菜单选择项变化时，自动打开对应URL的网页。提供了两种示例：一种是在新窗口打开链接，另一种则是在当前窗口加载页面。

下拉框链接到网页

onChange="window.open(this.options[this.selectedIndex].value,'','')"
这里调用了javascript事件：onChange//当改变时
函数：windows.open(url,...)
其中url的值是this.options[this.selectedIndex].value;

例子1：

<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>
</select></form>
例子2：

在以前的网页上变，不用弹出一个新窗口

<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>
</select>
</form>