Question

所以我在这里找到了这段代码：

<select id="my_selection">
<option value="x" href="/link/to/somewhere">value 1</option>
<option value="y" href="/link/to/somewhere/else">value 2</option>
</select>

<script>
document.getElementById('my_selection').onchange = function() {
    window.location.href = this.children[this.selectedIndex].getAttribute('href');
}
</script>

它可以正常工作，它将下拉框项目转换为链接。我想知道是否有办法在新窗口中打开这些链接，而不仅仅是重定向？我刚刚进入编码/编程，所以我很挣很多经验丰富的程序员认为理所当然的简单事情。谢谢！

Answer 1

你应该使用

window.open

取代

window.location.href

有关window.open的详细信息，请查看此http://www.w3schools.com/jsref/met_win_open.asp

Answer 2

将我的评论转换为答案请注意＆＃34;请选择＆＃34;允许选择第一个URL。

<select id="my_selection">
  <option value="">Please select</option>
  <option value="/link/to/somewhere">value 1</option>
  <option value="/link/to/somewhere/else">value 2</option>
</select>

使用

window.onload=function() {
  document.getElementById('my_selection').onchange = function() {
    var href= this.value;
    if (href) {
      var win = window.open(href,"_blank");
    }
  }
}

Answer 3

document.getElementById('my_selection').onchange = function() {
window.open (this.children[this.selectedIndex].getAttribute('href'));
}

这应该是您正在寻找的，它会在新的标签/窗口中打开链接。

制作下拉框在新窗口中打开的链接

3 个答案: