html中select的onchange打开方式

在做网站的时候,常常会用到下拉菜单来打开一个窗口,下拉菜单有2种打开方式,分别是在当前页面打开和在新窗口打开。

select新窗口打开 :
<select onchange="window.open(this.value);">
<option>请选择</option>
<option value="www.baidu.com">百度</option>
<option value="www.sina.com">新浪</option>
</select>

当前页面打开:
<select onchange="location.href=this.value;">
<option>请选择</option>
<option value="www.baidu.com">百度</option>
<option value="www.sina.com">新浪</option>
</select>

【注意】

window.open() 打开一个新的窗口,在选取默认第一个不需要打开新窗口时,可以用if判断一下:

<select onchange="if(value != 0){window.open(this.value);}">
<option selected value=0>请选择</option>
<option value="www.baidu.com">百度</option>
<option value="www.sina.com">新浪</option>
</select>

posted @ 2017-06-17 16:54  miny_simp  阅读(4192)  评论(0编辑  收藏  举报