Рад са падајућим листама у ЈаваСкрипту

У овом лекцу ћемо проучити рад са тагом select, који представља падајућу листу. Ако не умете да радите са овим тагом у ХТМЛ-у, онда прво проучите његову структуру у приручнику на овој вези: select.

Хајде да погледамо како се ради са овим тагом преко ЈаваСкрипта. Нека имамо овакву падајућу листу:

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);
});