HTMLSelectElement.selectedIndex
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
io error: No such file or directory (os error 2) (/home/runner/work/yari/yari/mdn/translated-content/files/fr/web/api/html_dom_api/index.md)
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
js
var index = selectElem.selectedIndex;
selectElem.selectedIndex = index;
Exemple
HTML
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
js
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
Specification |
---|
HTML Standard # dom-select-selectedindex-dev |
Compatibilité des navigateurs
BCD tables only load in the browser