agir sur un menu déroulant en JavaScript

Clarusad

Membre actif
5 Février 2004
398
9
Bonjour à tous,

Soit un formulaire composé d'une case à cocher et d'un menu déroulant à trois valeurs, dont la première est sélectionnée par défaut.
Lorsque je coche la case à cocher, j'aimerais que la valeur numéro deux de mon menu déroulant devienne celle sélectionnée par défaut.

Ça fait déjà toute la journée que j'essaye mille façons sans y parvenir, comment faire ? Auriez-vous une idée ?

Merci à tous pour votre aide.
 
Je sais plus si modifier le champ value du select suffit... mais au pire tu mets une balise "id" sur l'option que tu veux sélectionner, et sur ta checkbox tu mets qqch du genre :
<input type="checkbox" name="toto" value="toto" onClick="if(this.checked){document.getElementById('monOption').selected=true}" />

ça devrait suffire
 
Les select ont un attribut options[] dans le DOM que tu peux utiliser pour manipuler les options du select http://www.w3schools.com/htmldom/dom_obj_select.asp

Il y a aussi un attribut selectedIndex qui sera plus pratique pour toi :
Bloc de code:
document.getElementById('tonSelect').selectedIndex = 1; // selection de la deuxième option