Промяна на избрания елемент от списък с 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';
});