changement Sélectionnez Options en utilisant Prototype JS

Question

J'ai plusieurs: dropdowns

<select class="drop"> 
    <option value="1">Value 1</option> 
    <option value="2">Value 2</option> 
</select> 

<select class="drop"> 
    <option value="1">Value 1</option> 
    <option value="2">Value 2</option> 
</select> 

Comment puis-je changer l'option sélectionnée à l'aide de la classe <option value="2">Value 2</option> sélecteur drop via Protoype JS?

Answer 1

Il est un peu difficile de savoir exactement ce que vous demandez, mais je pense que vous demandez comment définir la deuxième valeur à la valeur sélectionnée dans la liste déroulante.

est ici le one-liner

$$('.drop').invoke('setValue','2'); 

ou

$$('.drop').each(function(dropdown){ 
    dropdown.setValue('2'); 
}); 

Vous devez utiliser la méthode setValue() pour gérer la bizarrerie avec la façon dont le menu déroulant est mis en œuvre à travers les navigateurs. Bonus: vous pouvez utiliser setValue(['1','2']) pour définir plusieurs valeurs dans une liste déroulante de sélection multiple

Bonus: vous pouvez utiliser setValue(['1','2'])