Die Nummer des ausgewählten Elements einer Dropdown-Liste

Für Select-Elemente gibt es eine spezielle Eigenschaft selectedIndex, die die Nummer des derzeit ausgewählten Listenelements speichert. Die Zählung beginnt dabei bei Null. Diese Eigenschaft kann sowohl gelesen als auch geschrieben werden, um das ausgewählte Listenelement zu ändern.

Sehen wir uns die Arbeit mit dieser Eigenschaft an einem Beispiel an. Nehmen wir an, wir haben die folgende Dropdown-Liste:

html<select id="select">
  <option value="one">один</option>
  <option value="two" selected>два</option>
  <option value="three">три</option>
</select>

Lassen Sie uns die Nummer des ausgewählten Listenelements ausgeben:

javascriptlet select = document.querySelector('#select');
console.log(select.selectedIndex); // gibt 1 aus

Wählen wir nun ein anderes Element aus:

javascriptlet select = document.querySelector('#select');
select.selectedIndex = 2; // wählt 'три' aus