Chọn giá trị của <select> thẻ trong javascript. vấn đề

Question

Tôi có tệp Javascript bên ngoài và tôi đang cố gắng để alert giá trị của thẻ đã chọn.

đang <select> của tôi trông như thế này:

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

và Javascript (đó là bên ngoài):

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

Nhưng tôi nhận được lỗi "document.vote là không xác định".

Ai đó có thể giúp tôi với điều này.

nhất Zeeshan

Answer 1

Nếu chọn bởi Id, bạn nên sử dụng:

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

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

Answer 2

Cách dễ dàng, thay đổi mã của bạn để lĩnh vực hình thức của bạn có một thuộc tính 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();"> 

Cách tốt hơn, thay đổi javascript của bạn để nó đang truy xuất lại hộp chọn bằng ID của nó thay vì thông qua đối tượng tài liệu:

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