Atributo value en listas desplegables en JavaScript

Por lo general, a los elementos de la lista se les añade el atributo value. En este caso, la propiedad value de la selección contendrá no el texto de la option, sino el valor de su atributo value.

Rehagamos nuestra selección:

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

Comprobemos cuál es el valor seleccionado ahora:

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