Змяненне абранага пункта спісу на 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';
});