<select>タグの値をjavascriptで選択します。問題

Question

私は外部Javascriptファイルを持っており、私はalert selectタグの値を試しています。

<select id="vote"> 
    <option value="1">1</option> 
    <option value="2">2</option> 
    <option value="3">3</option> 
    <option value="4">4</option> 
    <option value="5">5</option> 
    </select> 
<input type="button" value="vote" onclick="castvote();"> 

と（外部にある）のJavascript：

私<select>コードは次のようになります

function castvote() 
{ 
    alert(document.vote.options[document.vote.selectedIndex].value); 
} 

しかし、私はエラーが "document.voteが定義されていない" を得ます。

誰かが私に助けてくれますか？

ベスト Zeeshan

Answer 1

Idで選択する場合は、あなたが使用する必要があります。

function castvote() { 
    var sel = document.getElementById("vote"); 

    alert(sel.options[sel.selectedIndex].value); 
} 

Answer 2

簡単な方法を、あなたのフォームフィールドがname属性を持つようにコードを変更：

<select name="vote" id="vote"> 
<option value="1">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
</select> 
<input type="button" value="vote" onclick="castvote();"> 

より良い方法は、ドキュメントオブジェクトではなくIDで選択ボックスを回収するようにjavascriptを変更することです。

function castvote() { 
    var mySelect = document.getElementById("vote"); 
    alert(mySelect.options[mySelect.selectedIndex].value); 
}