在javascript中選擇<select>標記的值。問題

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（這是外部）：

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

但我得到的錯誤 「document.vote是不確定的」。

有人可以幫助我這個。

最佳 Zeeshan

Answer 1

如果通過標識選擇，你應該使用：

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();"> 

更好的方法，改變你的JavaScript，所以它是通過它的ID而不是通過文檔對象來檢索選擇框：

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