Javascript 下拉菜单：在新选项卡中打开链接+转到链接_Javascript_Html_Drop Down Menu

Javascript 下拉菜单：在新选项卡中打开链接+转到链接

javascript html drop-down-menu

Javascript 下拉菜单：在新选项卡中打开链接+转到链接,javascript,html,drop-down-menu,Javascript,Html,Drop Down Menu,我想要一个下拉菜单和在新选项卡中打开所选项目包括外部链接作为选择选项我应该如何更改以下代码以使其如上所述工作 <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&

我想要一个下拉菜单和

在新选项卡中打开所选项目包括外部链接作为选择选项我应该如何更改以下代码以使其如上所述工作

<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>

谢谢大家!

试试这个：

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>

检查此代码

<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>

希望这就是您所需要的…

请参阅前面的问答：一个问题：您所说的包括外部链接作为选择选项是什么意思？您到底想说什么？？你还是不清楚…最好用例子解释一下…我希望用户从下拉菜单中选择一个选项，然后单击Go，在浏览器中打开一个新选项卡，显示他们的选择。我想链接是外部的，这意味着导致一个不同的网站/网页比一个地方的dd菜单。现在它清除你想要的。。。还有一个问题：。。。当我选择选项A并单击“开始”时，我可以在新选项卡中打印选项A，但问题出现在这里。。。是否要打印OptionA.html中的选项A、OptionB.html中的选项B等。。。。否则，您可以使用OptionA.html打印的所有选项吗？意味着每当我选择任何选项时，单击Go，它将被打印在一个html文件中，例如OptionA.html。。。。如果您不清楚我的问题，请告诉我我希望输入标签中包含代码。。。法希姆的解决方案现在确实有效了——非常感谢！

<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>