码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript(select onchange)的网页跳转的简单实现

时间:2016-05-11 21:49:23      阅读:816      评论:0      收藏:0      [点我收藏+]

标签:

方法一:

<select   onchange="goUrl(this.options[this.selectedIndex])">  

<option>==</option>  

<option   value=‘http://www.csdn.net‘   target="_blank">csdn</option>    

<option   value=‘http://www.163.com‘   target="_self">163.com</option>  

</select>  

<script>  

function   goUrl(obj){  

if(obj.target==‘_blank‘)window.open(obj.value);  

if(obj.target==‘_self‘)location.href=obj.value;  

}  

</script>

方法二:

TE>TE>

select页面跳转及获值

 

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

 

这里主要用到 :

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

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

 

注意:javascript是严格区分大小写的!只能写成selectedIndex.

JavaScript(select onchange)的网页跳转的简单实现

标签:

原文地址:http://www.cnblogs.com/shenxiaolin/p/5483471.html

(0)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!