Question

我有一个下拉列表，我想在选择一个选项然后点击go，带我到另一个链接（每个选项带我到不同的链接）

这是我的代码，但它似乎没有播放。

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

要改变什么？

Answer 1

你考虑过使用更简单的javascript函数吗？

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

在Select元素中添加ID？

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

Answer 2

您无需在select标签内引用。 select标签本身的值包含所选选项

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

下拉列表每个选项将我带到不同的链接

2 个答案: