Промена изабране ставке листе у JavaScript-у

У претходној лекцији смо научили да добијамо изабрану ставку листе. Хајде сада да мењамо изабрану ставку помоћу JavaScript-а.

За то у својство value селекта упишимо вредност атрибута value оног option који желимо да изаберемо.

Нека имамо следећи селект:

html<select id="select">
  <option value="one">један</option>
  <option value="two" selected>два</option>
  <option value="three">три</option>
</select>

Нека такође имамо и дугме:

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

Добијмо везе на селект и дугме у променљиве:

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

А сада хајде да учинимо да при клику на дугме наш селект промени избор:

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