Změna vybrané položky seznamu v JavaScriptu

V předchozí lekci jsme se naučili získat vybranou položku seznamu. Nyní budeme měnit vybranou položku pomocí JavaScriptu.

K tomu do vlastnosti value selectu zapíšeme hodnotu atributu value toho option, který chceme vybrat.

Předpokládejme, že máme následující select:

<select id="select">
	<option value="one">jedna</option>
	<option value="two" selected>dva</option>
	<option value="three">tři</option>
</select>

Předpokládejme také, že existuje tlačítko:

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

Získáme odkazy na select a tlačítko do proměnných:

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

A nyní udělejme tak, aby při kliknutí na tlačítko náš select změnil výběr:

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

Pokud náš seznam nemá atributy value, pak do vlastnosti value selectu je třeba zapsat text tagu option, který chceme vybrat.

Vytvořte rozbalovací seznam s názvy měsíců. Zařiďte, aby JavaScript ve výchozím nastavení vybral v tomto seznamu aktuální měsíc.