Value-attribuutta avattavissa luetteloissa JavaScriptissä

Yleensä luettelon kohdille lisätään attribuutti value. Tässä tapauksessa selectin value-ominaisuus sisältää ei option-tekstiä, vaan sen value-attribuutin arvon.

Muokataanpa selectiämme:

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

Tarkistetaan, mikä on nyt valitun arvo:

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