Выбор значения тега <select>в JavaScript. проблема

Question

У меня есть внешний файл Javascript, и я пытаюсь alert значение тега select.

Мой <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 так, чтобы он получал поле выбора по его идентификатору, а не через объект документа:

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