Атрибут 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);
});