Problème: valeur d'alerte des balises de sélection créées dynamiquement

Question

J'ai un fichier Javascript externe et j'essaie d'alerter la valeur des balises de sélection qui sont générées dynamiquement par php.

le problème est, qu'il sélectionne la valeur de seulement la première étiquette de sélection. Que dois-je faire, de sorte que le javascript est capable d'identifier indépendamment chaque valeur de tags de sélection.

Mon code <select> ressemble à ceci:

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

et le Javascript (qui est externe):

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

Le javascript alerte juste la valeur de la première balise select. même si je change la valeur d'une autre étiquette de sélection et clique sur le bouton correspondant. J'espère que je suis en mesure d'expliquer mon problème.

Quelqu'un peut-il m'aider avec cela.

Meilleur Zeeshan

Answer 1

Je ne vois pas de problème avec ce que vous avez - pourrait être un problème avec la sélection - vous pouvez faire quelque chose comme ceci à tester:

<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

Works pour moi. Testé sur Safari 3 et FF 3.5. Quel navigateur testez-vous?

Aussi, je recommande d'utiliser javascript discret (en ajoutant le comportement au bouton par Javascript) au lieu d'utiliser l'attribut "onclick".