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.

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
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}`;
});

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

HTML DOM API
HTMLSelectElement
Instanzeigenschaften
Instanzmethoden
Vererbung
Verwandte Seiten für HTML DOM
Anleitungen
1. Verwenden von Microtasks in JavaScript mit queueMicrotask()
2. Im Detail: Microtasks und die JavaScript-Laufzeitumgebung

HTMLSelectElement: selectedIndex-Eigenschaft

In diesem Artikel

Wert

Beispiele

HTML

JavaScript

Spezifikationen

Browser-Kompatibilität

Siehe auch

Help improve MDN