HTMLOptionsCollection : propriété selectedIndex
Baseline
Large disponibilité
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
La propriété selectedIndex de l'interface HTMLOptionsCollection est l'indice numérique du premier élément HTML <option> sélectionné, s'il y en a un, ou -1 si aucune <option> n'est sélectionnée. Définir cette propriété sélectionne l'option à cet indice et désélectionne toutes les autres options de cette collection, tandis que la définir à -1 désélectionne tout élément actuellement sélectionné. Elle est exactement équivalente à la propriété selectedIndex de l'élément HTMLSelectElement qui possède cette collection.
Valeur
Un nombre.
Exemples
js
const optionColl = document.getElementById("select").options;
console.log(`option sélectionnée : ${optionColl.selectedIndex}`); // l'indice de la première option sélectionnée, ou -1 si aucune option n'est sélectionnée
optionColl.selectedIndex = 0; // sélectionne le premier élément
optionColl.selectedIndex = -1; // désélectionne toute option sélectionnée
Spécifications
| Spécification |
|---|
| HTML # the-htmloptionscollection-interface:dom-htmloptionscollection-selectedindex-2 |
Compatibilité des navigateurs
Voir aussi
- La propriété
HTMLOptionsCollection.length - La méthode
HTMLOptionsCollection.add() - La méthode
HTMLOptionsCollection.remove() - L'interface
HTMLOptionsCollection - L'interface
HTMLOptionElement - L'interface
HTMLOptGroupElement - L'interface
HTMLSelectElement