Rad sa padajućim listama u JavaScript-u

U ovoj lekciji ćemo izučiti rad sa tagom select, koji predstavlja padajuću listu. Ako ne znate da radite sa ovim tagom u HTML-u, onda za početak proučite njegovu strukturu u priručniku na ovoj vezi: select.

Pogledajmo sada kako da radimo sa ovim tagom preko JavaScript-a. Neka imamo ovakvu padajuću listu:

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

Dobijmo referencu na selekt u promenljivu:

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

Hajde sada da pri promeni selekta ispišemo na ekran tekst izabrane stavke liste. Za ovo je potrebno da pročitamo svojstvo value našeg selekta:

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

Dat je selekt, pasus i dugme. Pri kliku na dugme ispisite tekst izabrane stavke liste u pasus.

Napravite padajuću listu godina od 2020 do 2030. Pri izboru neke stavke liste ispišite poruku o tome, da li je prestupna ta godina ili ne.