Atributul value în liste derulante în JavaScript

De obicei, elementelor de listă li se adaugă atributul value. În acest caz, proprietatea value a selectorului va conține nu textul option, ci valoarea atributului său value.

Să modificăm selectorul nostru:

html<select id="select">
  <option value="1">one</option>
  <option value="2" selected>two</option>
  <option value="3">three</option>
</select>

Să verificăm care este valoarea selectată acum:

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