Как проверить, какой option выбран в select?

Question

[montpellier]

Как проверить, какой option выбран в select и через switch произвести над ним действия?

var select = document.getElementById("rowSeat"); 
    var options = ["А","Б","В","Г","Д","Е","Ж","З"]; 
    select.innerHTML = "";
         for(var i = 0; i < options.length; i++) {
    var opt = options[i];
    select.innerHTML += "<option value=\"" + opt + "\">" + opt + "</option>";
}

Answer 1

[Дмитрий]

<select onchange='findOption(this)'>
   <option value='one'>1</option>
   <option value='two'>2</option>
   <option value='three'>3</option>
</select>

function findOption(select) {
   const option = select.querySelector(`option[value="${select.value}"]`)
   // Действия над option
}

Answer 2

[chakaponi]

У каждого тега option должен присутствовать атрибут value. value активного option автоматически передаётся в вышестоящий тег select где его можно получить обратившись непосредственно к свойству value.

UPD. Выбор пользователем option генерирует два события: input и change.

var select = document.querySelector('select');
select.addEventListener('change', () => {
	alert(select.value);
});

Comments

[Kudis]

НИКОГДА не делайте alert(select.value);
в данном случае только this или event.target:

var select = document.querySelector('select');
select.addEventListener('change', (event) => {
    alert(this.value);
    alert(event.target.value);
});

оба раза выведет одно значение

[chakaponi]

Kudis, "Наглядно" не всегда (почти никогда) значит "правильно" :) Чем-то нужно жертвовать. Тут видно, что уровень начальный, потому и выбор пал на наглядность