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:

<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:

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

Wählen wir nun ein anderes Element aus:

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

Gegeben sind ein Input-Feld und ein Select-Element. In das Input-Feld wird eine Zahl eingegeben. Beim Verlust des Fokus soll das Listenelement ausgewählt werden, dessen Nummer dem Wert aus dem Input-Feld entspricht.

Erstellen Sie eine Dropdown-Liste mit den Namen der Wochentage. Sorgen Sie dafür, dass standardmäßig per JavaScript der aktuelle Tag in dieser Liste ausgewählt ist.