需要帮助从下拉菜单中打开新选项卡中的链接

Question

<select id="select" onchange="this.options[this.selectedIndex].value 
&amp;&amp; (window.location = this.options[this.selectedIndex].value);">
<option value="">Choose your state</option>
<option value="http://www.treasury.state.al.us/Content/index.aspx">Alabama</option>
<option value="http://treasury.dor.alaska.gov/">Alaska</option>

我尝试查看其他示例，但我不确定在哪里将"_blank"目标属性添加到此代码中以使链接在新窗口/选项卡中打开。任何帮助将不胜感激。

谢谢！

Answer 1

使用 window.open 函数而不是 window.location 变量。Window.location 旨在重定向文档本身。Window.open 将打开一个新窗口。

请尝试window.open(this.options[this.selectedIndex].value)。

<select id="select" onchange="window.open(this.options[this.selectedIndex].value);">
<option value="">Choose your state</option>
<option value="http://www.treasury.state.al.us/Content/index.aspx">Alabama</option>
<option value="http://treasury.dor.alaska.gov/">Alaska</option>
</select>

Answer 2

试试这个：

<select id="select" onchange="var win = window.open(this.value, '_blank');win.focus();">
<option value="">Choose your state</option>
<option value="http://www.treasury.state.al.us/Content/index.aspx">Alabama</option>
<option value="http://treasury.dor.alaska.gov/">Alaska</option>
</select>

检查小提琴

Answer 3

你可以试试 window.open，它可能会被阻止。还要测试你有一个值。

onchange="var href = this.value; if (href) window.open(href,'_blank');"