教程集 www.jiaochengji.com
教程集 >  脚本编程  >  javascript  >  正文 select下拉列表菜单中超链接跳转的实现代码

select下拉列表菜单中超链接跳转的实现代码

发布时间:2014-10-23   编辑:jiaochengji.com
本文介绍下select下拉列表菜单中进行超链接跳转的一例代码,有需要的朋友,可以参考下。

代码如下:
 

复制代码 代码示例:

<script LANGUAGE="javascript">
<!--
function load(form) {
var url = form.list.options[form.list.selectedIndex].value;
if (url != "") open(url, "_self");
return false;
}
// -->
</script>

<form NAME="menu" onSubmit="return load(this)">
<p><select id="select2" name="list" onChange="load(this.form)" size="1" class="90V" style="background-color: rgb(196,226,103)">
<option selected >---下拉列表超链接演示---</option>
<option value="/china/msdownload/">软件下载首页</option>
<option value="/china/msdownload/nt.htm">Windows NT </option>
<option value="/china/msdownload/office.htm">Office</option>
<option value="/china/msdownload/dwnie5.htm">Internet Explorer</option>
<option value="/china/msdownload/wince.htm">Windows CE SDK</option>
<option value="/china/msdownload/pinyin.htm">微软拼音输入法</option>
<option value="/china/msdownload/y2k.htm">Year2000 相关程序</option>
<option value="http://www.jiaochengji.com/wb/regular">正则表达式</option>
<option value="http://www.jiaochengji.com">教程集</option>
</select></p>
</form>

您可能感兴趣的文章:
js 控制页面跳转的五种方法
js实现用户登录自动跳转的代码
select下拉列表菜单中超链接跳转的实现代码
JavaScript页面跳转的几种方式(注释版)
js 下拉菜单点击链接跳转的代码
select下拉列表框中超链接跳转的代码一例
js 3秒后跳转页面实例代码
js 倒计时多少秒后跳转页面的实例代码
select下拉列表菜单添加超链接的方法介绍
Jquery hide与toggle方法实现超链接慢慢消失

[关闭]
~ ~