私は別のリンクに私を連れて行くために各オプションをドロップダウンリスト

私はドロップダウンリストを持っていると私はオプションを選択し、私は別のリンクに私を連れて行く）私は別のリンクに私を連れて行くために各オプションをドロップダウンリスト

これは私のコードですが、それは再生されません。

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

Select要素にIDを追加しますか？

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

出典

2012-03-14 22:47:52 clops

ありがとうございます！ –

selectタグ内で参照する必要はありません。選択タグ自体の値には、選択したオプションが含まれています

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

出典

2012-03-14 22:50:19

私は別のリンクに私を連れて行くために各オプションをドロップダウンリスト

答えて

関連する問題