Изменение выбранного пункта списка на 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';
});