Sélection d'ID multiples avec PrototypeJS

Question

J'ai encore une question prototype; regardez ce HTML:

<select id="dropdown_1><option>...</option></select> 
... 
<select id="dropdown_n"><option>...</option></select> 

Quand je juste avoir un id="dropdown" et faire:

temp_node = $('dropdown').firstDescendant(); 
default_option = temp_node.innerHTML; 

Il fonctionnera!

Comment puis-je le résoudre, de la même manière, en utilisant de nombreux ID ressemblant à la mienne?

$$('[id^="dropdown"]').firstDescendant(); ne résout pas non plus mon problème!

Answer 1

Comme dans votre previous question vous avez négligé que $$ retourne un tableau, pas un élément.

Si vous êtes uniquement intéressé à obtenir l'option d'un seul sélectionnez alors vous pouvez le faire comme ceci:

$$('[id^="dropdown"]')[0].firstDescendant(); 

Sinon, si vous voulez que la première option de chaque sélection correspondant à faire:

var options = $$('select[id^="dropdown"] > option:first-child'); 

Answer 2

Ajoutez une classe "dropdown" à chaque élément et sélectionnez-le.

BTW votre HTML a des erreurs de syntaxe.

Answer 3

Savez-vous combien de bas de baisse que vous avez, si vous pouviez donc faire quelque chose le long des lignes de:

for(var i=1; i<=MAX_DROPDOWNS; i++) { 
    var dropdown = $('dropdown_' + i); 
    // Do whatever you need to do with each drop down 
} 

Si vous ne savez pas combien je pense que quelque chose comme cela fonctionnera:

var i=1; 
while(var dropdown=$('dropdown_' + i)) { 
    // Do whatever you need to do with the drop down. 
}