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:

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

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

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

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

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