select onChange的新窗口

时间:2016-01-19 03:14:44

标签: javascript drop-down-menu

这有效但我要求它在新窗口中打开链接:

<select onChange="window.location=this.value">
<option value ="">select</option> 
<option value="http://www.google.com">google</option>
</select>

(我注意到这已经使用按钮和表单显示,但我要求仅通过选择来实现)

2 个答案:

答案 0 :(得分:5)

你试过window.open吗?

<select onChange="window.open(this.value)">
<option value ="">select</option> 
<option value="http://www.google.com">google</option>
</select>

https://jsfiddle.net/m9ts7tnj/

答案 1 :(得分:1)

您应该通过函数传递参数以实现可扩展性和通常良好的编码实践。

JS小提琴:https://jsfiddle.net/51hshn1h/

function openWindow(select) {
    var value = select.options[select.selectedIndex].value;
    window.open(value, 'newwindow')
}

<select onchange="openWindow(this)">
    <option value="">select an option</option>
    <option value="http://google.com">Google</option>
    <option value="http://yahoo.com">Yahoo!</option>
</select>