Promena izabrane stavke liste na JavaScript-u

U prethodnoj lekciji smo naučili kako da dobijemo izabranu stavku liste. Hajde sada da promenimo izabranu stavku pomoću JavaScript-a.

Za ovo, u svojstvo value select-a upisaćemo vrednost atributa value one stavke option koju želimo da izaberemo.

Neka imamo sledeći select:

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

Neka postoji i dugme:

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

Dobijamo reference na select i dugme u promenljive:

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

A sada hajde da učinimo da pri kliknu na dugme naš select promeni izbor:

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