Travailler avec les éléments de liste déroulante en JavaScript
Supposons que nous ayons une référence à la balise
option dans une variable. Par exemple, obtenue de la manière
suivante :
let select = document.querySelector('#select');
let option = select[0];
Dans ce cas, la propriété text contiendra
le texte de l'option, la propriété value
- la valeur de l'attribut du même nom, et la propriété
selected - la valeur true ou
false selon que l'élément de la liste est sélectionné
ou non :
console.log(option.text);
console.log(option.value);
console.log(option.selected);
Parcourez les éléments de la liste avec une boucle et pour l'élément sélectionné ajoutez un point d'exclamation à la fin du texte, et pour les éléments non sélectionnés - un point d'interrogation.
