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