如何从下拉菜单中在新标签页中打开 link

Question

我正在尝试使用下面的 javascript 函数在新选项卡中打开下拉列表中的项目。截至目前，会显示一个下拉列表，其中每个项目只能在相同的 window.

中打开

如有任何帮助，我们将不胜感激！

HTML

<div class="dropdown">
<button onclick="myFunction()" class="dropbtn">Button Name</button>
<div id="myDropdown" class="dropdown-content">
  <a href="">Choice A</a>
  <a href="">Choice B/a>
 </div>
</div>

JS

function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}

Answer 1

将值为 _blank 的 target 属性添加到您的 a 标签。

像这样：

<a href="https://google.com" target="_blank">Google</a>

Answer 2

您根本不需要 JavaScript。只需在 <a> 标签中将 target 属性设置为 _blank，如下所示：

function myFunction() {
  document.getElementById("myDropdown").classList.toggle("show");
}

.show{
  display:block !important;
}
#myDropdown{
  display:none;
}

<div class="dropdown">
<button onclick="myFunction()" class="dropbtn">Button Name</button>
<div id="myDropdown" class="dropdown-content">
  <a href="https://choice.a" target="_blank">Choice A</a>
  <a href="https://choice.b" target="_blank">Choice B</a>
</div>
</div>

如何从下拉菜单中在新标签页中打开 link

How to open link in new tab from dropdown

html

javascript

window.open

dropdown