Праца з выпадальнымі спісамі ў JavaScript

У даным ўроке мы з вамі вывучым працу з тэгам select, які прадстаўляе сабой выпадальны спіс. Калі вы не ўмееце працаваць з гэтым тэгам на HTML, то для пачатку вывучыце яго ўстройства ў даведніку па гэтай спасылцы: select.

Давайце паглядзім, як працаваць з гэтым тэгам праз JavaScript. Хай у нас дадзены вось такі выпадальны спіс:

html<select id="select">
  <option>one</option>
  <option selected>two</option>
  <option>three</option>
</select>

Атрымаем спасылку на селект у зменную:

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

Давайце цяпер пры змяненні селекта вывядзем на экран тэкст абранага пункта спіса. Для гэтага трэба прачытаць уласцівасць value нашага селекта:

javascriptselect.addEventListener('change', function(){
  console.log(this.value);
});