A value attribútum a legördülő listákban JavaScriptben

Általában a lista elemeihez hozzáadják a value attribútumot. Ebben az esetben a select value tulajdonsága nem a option szövegét fogja tartalmazni, hanem a value attribútumának értékét.

Alakítsuk át a selectünket:

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

Ellenőrizzük, hogy most mi a kiválasztott érték:

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