Проблема: Оповещение о значении динамически создаваемых тегов выбора

Question

У меня есть внешний файл Javascript, и я пытаюсь предупредить значение тегов select, которые генерируются динамически через php.

проблема в том, что он выбирает значение только первого тега выбора. Что я должен сделать, чтобы javascript мог независимо идентифицировать каждое значение тегов 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()
{    
var sel=document.getElementById("vote");
alert(sel.options[sel.selectedIndex].value);}

JavaScript просто предупреждает о значении первого тега выбора. даже если я изменю значение какого-либо другого тега выбора и нажму соответствующую кнопку.

Я надеюсь, что смогу объяснить свою проблему. Может кто-то помочь мне с этим.

Бест Зеешан

Answer 1

Я не вижу проблем с тем, что у вас есть - может быть проблема с select - вы можете сделать что-то подобное для тестирования:

<select id="vote"
    onChange="
        alert(this.options[this.selectedIndex].value);
        "
    >
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
</select>

Answer 2

У меня работает. Проверено на Safari 3 и FF 3.5. В каком браузере вы тестируете?

Кроме того, я бы рекомендовал использовать ненавязчивый javascript (добавление поведения к кнопке через Javascript) вместо использования атрибута "onclick".