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

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

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

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

Хајде да добијемо референцу на селект у променљиву:

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

Хајде сада при промени селекта да испишемо на екран текст одабране ставке листе. За то треба да прочитамо својство value нашег селекта:

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

Дато је селект, пасус и дугме. При клику на дугме испишите текст одабране ставке листе у пасус.

Направите падајућу листу година од 2020 до 2030. При избору било које ставке листе испишите поруку о томе да ли је то преступна година или није.