如何提交以下编码按钮

-2

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

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

来源

2017-07-19 dcthaju

那么，什么是你想怎么办？现在，在更改所选项目后，将打开一个新窗口。那功能应该留下来吗？点击按钮应该发生什么？ –

我不确定我是否明白：您希望首先选择一个项目，当您点击另一个按钮时会选择一个项目，它会转到选定的网址？此外，你应该与你的问题[mcve]（/帮助/ mcve），不仅是工作的代码:) –

这是你在追求什么？

var urlmenu = document.getElementById('menu'); 
 
var btn = document.getElementById("btn"); 
 
    
 
// Set up a click event handling function for the button 
 
btn.addEventListener("click", function() { 
 
    // Confirmation of action for testing 
 
    console.log("Navigating to:" + urlmenu.value); 
 
    
 
    // Open new window with correct URL 
 
    window.open(urlmenu.value); 
 
});

<select name="menu" id="menu"> 
 
    <option value="http://www.google.com">Google</option> 
 
    <option value="http://www.facebook.com">Facebook</option> 
 
</select> 
 
<button id="btn">Go!</button>

来源

2017-07-19 15:16:02

谢谢，这对我来说是... ... – dcthaju

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

对不起，如果我改变你的代码太多...

来源

2017-07-19 15:17:01

如何提交以下编码按钮

回答

相关问题