如何提交以下編碼按鈕

-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

如何提交以下編碼按鈕

回答

相關問題