Javascript 单击按钮后如何提交下拉列表值_Javascript_Html

Javascript 单击按钮后如何提交下拉列表值

javascript html

Javascript 单击按钮后如何提交下拉列表值,javascript,html,Javascript,Html,下面的代码工作正常 <html> <head> </head> <body> <select name="menu" id="menu"> <option value="http://www.google.com">ESPN</option> <option value="http://www.facebook.com">CNN</option> </select> <s

下面的代码工作正常

<html>
<head>
</head>
<body>
<select name="menu" id="menu">
<option value="http://www.google.com">ESPN</option>
<option value="http://www.facebook.com">CNN</option>
</select>
<script type="text/javascript">
 var urlmenu = document.getElementById( 'menu' );
 urlmenu.onchange = function() {
      window.open( this.options[ this.selectedIndex ].value );
 };
</script>
</body>
</html>


ESPN
有线电视新闻网
var urlmenu=document.getElementById（'menu'）；
urlmenu.onchange=函数（）{
window.open（this.options[this.selectedIndex].value）；
};

我需要在下拉列表旁边添加一个按钮，该按钮应允许链接在单击按钮后工作。

这就是您想要的吗

var urlmenu=document.getElementById（'menu'）；
var btn=document.getElementById（“btn”）；
//为按钮设置单击事件处理功能
btn.addEventListener（“单击”，函数（）{
//测试行动的确认
log（“导航到：”+urlmenu.value）；
//用正确的URL打开新窗口
window.open（urlmenu.value）；
});

谷歌
脸谱网
走
ESPN
有线电视新闻网
函数单击（）{
var urlmenu=document.getElementById（'menu'）；
window.open（urlmenu.options[urlmenu.selectedIndex].value）；
};

对不起，如果我更改了您的代码太多…那么，您打算怎么做？现在，更改所选项目后会立即打开一个新窗口。这个功能应该保留吗？单击该按钮时到底会发生什么？我不确定我是否得到了它：您想先选择一个项目，然后单击另一个按钮时，它将转到选定的url？此外，您还应该提供您的问题，不仅是代码的工作：）谢谢你，这是为我工作。。。
<html>
<head>
</head>
<body>
<select name="menu" id="menu">
<option value="http://www.google.com">ESPN</option>
<option value="http://www.facebook.com">CNN</option>
</select>
<input type="button" id="btn" value="CLICK ME" onClick="Clicked();"/>
<script type="text/javascript">
 function Clicked() {
      var urlmenu = document.getElementById( 'menu' );
      window.open( urlmenu.options[ urlmenu.selectedIndex ].value );
 };
</script>
</body>
</html>