Atrybut value w rozwijanych listach w JavaScript

Zazwyczaj pozycjom listy dodaje się atrybut value. W tym przypadku właściwość value selektora będzie zawierać nie tekst option, ale wartość jego atrybutu value.

Przeróbmy nasz selektor:

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

Sprawdźmy, jaka jest teraz wybrana wartość:

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