Το χαρακτηριστικό value στις αναπτυσσόμενες λίστες στο JavaScript

Συνήθως, στα στοιχεία της λίστας προστίθεται το χαρακτηριστικό value. Σε αυτή την περίπτωση, η ιδιότητα value του επιλογέα θα περιέχει όχι το κείμενο του option, αλλά την τιμή του χαρακτηριστικού του value.

Ας μετατρέψουμε τον επιλογέα μας:

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

Ας ελέγξουμε ποια είναι τώρα η επιλεγμένη τιμή:

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