下拉菜单：在新标签页中打开链接+“转到”链接答案

【问题标题】：drop down menu: open links in new tab + "Go" link下拉菜单：在新标签页中打开链接+“转到”链接
【发布时间】：2019-02-18 19:17:10
【问题描述】：

我想要一个下拉菜单和

在新选项卡中打开所选项目
包括外部链接作为选择选项

我应该如何更改以下代码以使其按上述方式工作？

<form name="blah_blah">
<select name="ddmenu_name" id="ddmenu_name" style="width: 80% !important;">
<option value="first_option_name" selected>option display name</option>
<option value="external link 1">1st link name</option>
<option value="external link 2">2nd link name</option>
</select>
<input type="button" name="Submit" value="Go!" onClick="window.open(ddmenu_name.value,'newtab')">
</form>

谢谢！

【问题讨论】：

请看之前的问答：stackoverflow.com/questions/8960981/…
一个问题：您所说的包含外部链接作为选择选项是什么意思您到底想说什么？再次你不清楚......
通过例子更好地解释......
我希望用户从下拉菜单中选择一个选项，然后单击“开始”并在他们的浏览器中打开一个新选项卡，显示他们的选择。我希望链接是外部的，这意味着指向与 dd 菜单所在的网站/页面不同的网站/页面。
现在它清除了你想要的...还有一个问题:)...当我选择选项 A 并单击 Go 时，我可以在新选项卡中打印“选项 A”，但问题来了在这里...您要在OptionA.html 中打印Option A，在OptionB.html 中打印Option B 等等.... 否则您可以在OptionA.html 中打印所有选项？意味着每当我选择任何选项时，单击 Go，它将打印在 ONE html 文件中（例如在 OptionA.html 中）......如果您对我的问题不清楚，请告诉我

标签： javascript html drop-down-menu

【解决方案1】：

检查此代码

<html>
    <body>
        <form name="blah_blah">
            <select name="ddmenu_name" id="ddmenu_name" style="width: 80% !important;">
                <option value="" selected>Select Site</option>
                <option value="http://www.yahoo.com">Yahoo!!!</option>
                <option value="http://www.gmail.com">Gmail</option>
                <option value="http://www.google.co.in">Google</option>
                <option value="http://www.facebook.com">Facebook</option>
            </select>
            <input type="button" name="Submit" value="Go!" onClick="window.open(ddmenu_name.value,'newtab'+ddmenu_name.value)">
        </form>
    </body>
</html>

希望这是你需要的...

【讨论】：

【解决方案2】：

试试这个：

HTML：

<form name="blah_blah">
   <select name="ddmenu_name" id="ddmenu_name" style="width: 80% !important;">
      <option value="first_option_name" selected>option display name</option>
      <option value="external link 1">1st link name</option>
      <option value="external link 2">2nd link name</option>
   </select>
   <input type="button" name="Submit" id="Submit" value="Go!">
</form>

jQuery：

$(document).ready(function(){
   var Link = $('#ddmenu_name').val();
   $('#Submit').click(function() {
      window.open(Link,'_blank');
   });
});

【讨论】：

我希望将代码包含在输入标签中... Fahim 的解决方案现在确实有效 - 非常感谢！