Cette traduction est incomplète. Aidez à traduire cet article depuis l'anglais.

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 No change since the latest snapshot, HTML5.
HTML5
La définition de 'HTMLSelectElement' dans cette spécification.
Recommendation Initial definition, snapshot of HTML Living Standard.

Compatibilité entre les navigateurs

Update compatibility data on GitHub
OrdinateurMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariWebview AndroidChrome pour AndroidEdge MobileFirefox pour AndroidOpera pour AndroidSafari pour iOSSamsung Internet
Support simpleChrome ? Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Edge Mobile ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?

Légende

Compatibilité inconnue  
Compatibilité inconnue

Étiquettes et contributeurs liés au document

Contributeurs à cette page : Bpruneau
Dernière mise à jour par : Bpruneau,