下拉列表每個選項帶我到不同的鏈接

我有一個下拉列表，我希望當我選擇一個選項，然後點擊去，帶我到另一個鏈接（每個選項帶我到不同的鏈接）下拉列表每個選項帶我到不同的鏈接

這是我的代碼，但它似乎不起作用。

<html> 
<head> 
<title> 
Database Project Winter 2012 
</title> 
<script> 
function goToNewPage(dropdownlist) 
{ 
var url = dropdownlist.options(dropdownlist.selectedIndex).value; 
if (url != "") 
{ 
window.open(url); 
} 
} 
</script> 
</head> 
<body> 
<form name="dropdown"> 
<select name="list" accesskey="E"> 
<option selected>Select...</option> 
<option value="http://www.google.com/">Google</option> 
<option value="http://www.search.com/">Search.com</option> 
<option value="http://www.dogpile.com/">Dogpile</option> 
<select> 
<input type=button value="Go" onclick="goToNewPage(document.dropdown.list)"> 
</form> 
</body> 
</html>

要改變什麼？

來源

2012-03-14 qwerty_gr

您是否考慮過使用更簡單的JavaScript函數？

function goToNewPage() { 
    if(document.getElementById('target').value){ 
     window.location.href = document.getElementById('target').value; 
    } 
}

並添加一個ID到Select元素？

<select name="list" id="target">

來源

2012-03-14 22:47:52 clops

感謝它的成功！ – 2012-03-14 22:59:03

您不需要在select標籤內引用。選擇標籤本身的值包含所選選項

function goToNewPage(dropdownlist) 
{ 
var url = dropdownlist.value; 
if (url != "") 
{ 
window.open(url); 
} 
}

來源

2012-03-14 22:50:19

下拉列表每個選項帶我到不同的鏈接

回答

相關問題