Spreminjanje izbranega elementa seznama v JavaScript

V prejšnji lekciji smo se naučili pridobiti izbrani element seznama. Zdaj pa ga bomo spreminjali z JavaScript.

Za to v lastnost value selecta zapišemo vrednost atributa value tistega option, ki ga želimo izbrati.

Recimo, da imamo naslednji select:

html<select id="select">
  <option value="one">ena</option>
  <option value="two" selected>dva</option>
  <option value="three">tri</option>
</select>

Naj bo tudi gumb:

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

Pridobimo povezave na select in gumb v spremenljivke:

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

In zdaj naredimo tako, da ob kliku na gumb naš select spremeni izbiro:

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