当前位置: 首页 > 帮助中心 > 网页学园 > js(select onchange)的网页跳转的两种模式介绍

js(select onchange)的网页跳转的两种模式介绍

作者:本站编辑 发布时间:2011-11-03 来源:本站原创 字体大小:【 】 点击数: 转播到腾讯微博

方法一:
<Select onChange="javascript:if(this.options[this.selectedIndex].value) window.open(this.options[this.selectedIndex].value)"  size=1 name=select8>
<Option selected>选择实例</Option>
<Option value="http://www.hx008.com">→ 华夏互联</Option>
<Option value="http://www.zoomla.cn">→ 逐浪软件</Option>
</Select>

 

方法二:

<select onchange="window.location.href=this.options[selectedIndex].value" >
    <option value="http://www.google.com" >谷歌</option>
    <option value="http://www.yahoo.com" >雅虎</option>
    <option value="http://www.baidu.com" >百度</option>
</select>

 

 

这里主要用到 :

1.window.location.href 跳转,如果想在新窗口中打开,可以用 window.open(this.options[selectedIndex].value).

2.this.options[selectedIndex].value取值.

注意:javascript是严格区分大小写的!只能写成selectedIndex.,如果还有不懂,请浏览zoomla.cn官网的友情链接示范。

本文责任编辑: 本站编辑  加入会员收藏夹 点此参与评论>>
当前网址:
下一篇文章:[err:无记录]
媒体报道
公司资质
官方博客

本网站基于®Zoomla!逐浪CMS内核开发

AddUserID:0AdminID:1AdminName:admin AdminPassword:98c68beb46606ebb74165cfe2f0b4dbaUserName:admin AddUserID:0AdminID:14AdminName:yansha AdminPassword:de5f43650a392b836ec492310540219aUserName:yansha AddUserID:0AdminID:15AdminName:lotos AdminPassword:96e64103020faa613f312697418c52deUserName:lotos AddUserID:0AdminID:17AdminName:wsj888 AdminPassword:f09984d615f3b5742052793abbe0f549UserName:wsj888 AddUserID:0AdminID:31AdminName:office AdminPassword:0f41ef62021e4bfc202e1444b4416667UserName:office AddUserID:0AdminID:32AdminName:bao AdminPassword:cc7037fea8c54dc023254f4c6ca93680UserName:bao