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