Delo z spustnimi seznami v JavaScript

V tej lekciji bomo preučili delo z oznako select, ki predstavlja spustni seznam. Če ne znate delati s to oznako v HTML, jo najprej preučite v priročniku po tej povezavi: select.

Poglejmo, kako delati s to oznako prek JavaScript. Naj imamo podan takšen spustni seznam:

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

Dobimo referenco na select v spremenljivko:

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

Zdaj pa ob spremembi selecta izpišimo na zaslon besedilo izbranega elementa seznama. Za to je treba prebrati lastnost value našega selecta:

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