Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/442.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从select onChange创建新窗口_Javascript_Drop Down Menu - Fatal编程技术网

Javascript 从select onChange创建新窗口

Javascript 从select onChange创建新窗口,javascript,drop-down-menu,Javascript,Drop Down Menu,这是可行的,但我要求它在新窗口中打开链接: <select onChange="window.location=this.value"> <option value ="">select</option> <option value="http://www.google.com">google</option> </select> 挑选 谷歌 (我注意到这是使用按钮和窗体显示的,但我要求仅通过选择来实现)您是否尝试过

这是可行的,但我要求它在新窗口中打开链接:

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

挑选
谷歌

(我注意到这是使用按钮和窗体显示的,但我要求仅通过选择来实现)

您是否尝试过该窗口。打开


挑选
谷歌

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

JS小提琴:

函数打开窗口(选择){
var value=select.options[select.selectedIndex].value;
window.open(值“newwindow”)
}
选择一个选项
谷歌
雅虎!

可能重复:请查看我在括号中的评论谢谢,但您必须使用括号窗口。打开(url)请在select语句的上下文中解释迄今为止提供的每个示例都有效。您是否阻止了弹出窗口?您使用的浏览器是什么?使用onclick。在这里读。。。。谢谢,这也行。我使用了而不是按照Drew的建议绕过弹出窗口阻塞问题,这很好,但是单击选择菜单并不是语义上正确的方法。要绕过弹出窗口阻止程序,您应该设置a标记的href,然后触发a标记上的单击事件(并将目标设置为_blank)。
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>