Question

在我的网站页面上，我希望用户选择一个选项，当他们点击＆＃34; connect＆＃34;它打开一个带有正确链接的新选项卡。代码：＆lt; select name =＆＃34; choice＆＃34; ID =＆＃34;选择＆＃34;＆GT; ＆lt; option value =＆＃34; Server1.html＆＃34;＆gt; Server1＆lt; / option＆gt; ＆lt; option value =＆＃34; Server2.html＆＃34;＆gt; Server2＆lt; / option＆gt; ＆lt; option value =＆＃34; Server3.html＆＃34;＆gt; Server3＆lt; / option＆gt; ＆LT; /选择＆GT; ＆lt; input type =＆＃34; button＆＃34;名称=＆＃34; go_button＆＃34; id =＆＃34; go_button＆＃34;值=＆＃34;去＆＃34;的onclick =＆＃34; go_to_the_link（）＆＃34; /＆GT; ＆LT;脚本＆GT; function go_to_this_link（）{ var element = document.getElementById（＆＃34; choice＆＃34;）; var link = element.innerHTML; myWindow = window.open（link，＆＃34; _blank＆＃34;）; } ＆LT; /脚本＆GT; 根据文档，这应该有效...但由于我是JS的新手，而不是HTML专家，我必定会失败。我想只使用JS并制作一些也适用于datalist的东西。欢迎任何帮助！

Answer 1

解决：好吧我有2个问题：

为了在stackoverflow上发布这个，我更改了所有变量和函数名称，我忘了更改一个...
如评论所述，我需要使用＆＃34; value＆＃34;而不是innerHTML。我曾尝试过一次有价值的尝试，但也失败了，为什么我放弃了这一点，我猜其他错误。

帮助解决问题的方法！

（工作）代码：

<select name="choice" id="choice">
    <option value="Server1.html">Server1</option>
    <option value="Server2.html">Server2</option>
    <option value="Server3.html">Server3</option>
</select>
    <input type="button" name="go_button" id= "go_button" value="go"   onclick="go_to_the_link()"/>
<script>
function go_to_the_link(){
    var element = document.getElementById("choice");
    var link = element.value;
    myWindow = window.open(link,"_blank");
}
</script>

使用<select>的innerHTML for windows.open（）

1 个答案: