Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
HTMLSelectElement: selectedIndex-Eigenschaft
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
DieselectedIndex-Eigenschaft desHTMLSelectElement-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
html
<p>selectedIndex: 0</p><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
const selectElem = document.getElementById("select");const pElem = document.getElementById("p");// When a new <option> is selectedselectElem.addEventListener("change", () => { const index = selectElem.selectedIndex; // Add that data to the <p> pElem.textContent = `selectedIndex: ${index}`;});Spezifikationen
| Specification |
|---|
| HTML # dom-select-selectedindex-dev |