Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
HTMLSelectElement : 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 HTMLSelectElement correspond à l'indice numérique du premier élément HTML <option> sélectionné dans un élément HTML <select>, 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, tandis que la définir à -1 désélectionne toutes les options actuellement sélectionnées.
Valeur
Un nombre.
Exemples
HTML
<p id="p">selectedIndex : 0</p>
<select id="select">
<option selected>Option A</option>
<option>Option B</option>
<option>Option C</option>
<option>Option D</option>
<option>Option E</option>
</select>
JavaScript
const selectElem = document.getElementById("select");
const pElem = document.getElementById("p");
// Quand une nouvelle <option> est selectionnée
selectElem.addEventListener("change", () => {
const index = selectElem.selectedIndex;
// Rapporter cette donnée au <p>
pElem.innerHTML = `selectedIndex : ${index}`;
});
Spécifications
| Spécification |
|---|
| HTML # dom-select-selectedindex-dev |
Compatibilité des navigateurs
Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.
Voir aussi
- L'interface
HTMLSelectElement - L'interface
HTMLOptionElement - L'interface
HTMLOptionsCollection
Aider à améliorer MDN
Cette page a été modifiée le par les contributeur·ice·s du MDN.