HTMLSelectElement.selectedIndex
HTMLSelectElement.selectedIndex
est un long
qui représente l'index du premier élément sélectionné <option>
. La valeur -1
indique qu'aucun élément est sélectionné.
Syntaxe
var index = selectElem.selectedIndex; selectElem.selectedIndex = index;
Exemple
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
var selectElem = document.getElementById('select');
var pElem = document.getElementById('p');
// Quand une nouvelle <option> est selectionnée
selectElem.addEventListener('change', function() {
var index = selectElem.selectedIndex;
// Rapporter cette donnée au <p>
pElem.innerHTML = 'selectedIndex: ' + index;
})
Spécifications
Spécification | Statut | Commentaire |
---|---|---|
HTML Living Standard La définition de 'HTMLSelectElement' dans cette spécification. |
Standard évolutif | Pas de changement depuis le snapshot précédent, HTML5. |
HTML5 La définition de 'HTMLSelectElement' dans cette spécification. |
Recommendation | Définition initiale, snapshot de HTML Living Standard. |
Compatibilité entre les navigateurs
BCD tables only load in the browser