Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.
HTMLSelectElement: selectedIndex-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Die selectedIndex-Eigenschaft des HTMLSelectElement-Interfaces ist der numerische Index des ersten ausgewählten <option>-Elements in einem <select>-Element, falls vorhanden, oder −1, wenn kein <option> ausgewählt ist. Das Setzen dieser Eigenschaft wählt die Option an diesem Index aus und deselektiert alle anderen Optionen, während das Setzen auf -1 alle aktuell ausgewählten Optionen deselektiert.
Wert
Eine Zahl.
Beispiele
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
const selectElem = document.getElementById("select");
const pElem = document.getElementById("p");
// When a new <option> is selected
selectElem.addEventListener("change", () => {
const index = selectElem.selectedIndex;
// Add that data to the <p>
pElem.textContent = `selectedIndex: ${index}`;
});
Spezifikationen
| Spezifikation |
|---|
| HTML # dom-select-selectedindex-dev |
Browser-Kompatibilität
JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.