Ændring af valgt punkt på listen i JavaScript

I den forrige lektion lærte vi at få det valgte punkt på listen. Lad os nu ændre det valgte punkt med JavaScript.

For at gøre dette skal vi tilføje værdien af attributten value for den option, vi vil vælge, til egenskaben value for select.

Lad os sige, at vi har følgende select:

<select id="select">
	<option value="one">en</option>
	<option value="two" selected>to</option>
	<option value="three">tre</option>
</select>

Lad os også sige, at der er en knap:

<input type="submit" id="button">

Lad os få referencer til select og knappen i variabler:

let select = document.querySelector('#select');
let button = document.querySelector('#button');

Og lad os nu gøre det sådan, at når der klikkes på knappen, ændres valget i vores select:

button.addEventListener('click', function() {
	select.value = 'one';
});

Hvis vores liste ikke har value-attributter, skal vi tilføje teksten fra option-tagget, som vi vil vælge, til egenskaben value for select.

Lav en dropdown-menu med månedernes navne. Gør det sådan, at JavaScript som standard vælger den aktuelle måned i denne liste.