Как определить, какая опция была выбрана в выпадающем списке «Выбрать»

Question

Я использую ванильный выпадающий список, чтобы пользователь мог выбрать один из вариантов. Мне нужно знать, какой вариант был выбран, чтобы я мог обновить другой столбец, например: если пользователь выбрал «Очень хорошо», столбец «Оценка» обновится до 5/5.

Я попытался дать идентификаторы и изменить атрибут «значение» различных параметров, но это не решает проблему, заключающуюся в том, что я не знаю, какой из них выбран.

Вот раскрывающийся список, который я использую

<div class="dropdown">
  <select>
    <option value="very bad">very bad</option>
    <option value="bad">bad</option>
    <option value="normal">normal</option>
    <option value="good">good</option>
    <option value="very good">very good</option>
  </select>
</div>

Я ожидаю, что HTML-элемент "option" изменится, если он будет выбран, но даже при проверке я не вижу разницы. Обратите внимание, что атрибут value всегда равен внутреннему тексту, если это может помочь. Я считаю, что я не использую Jquery.

Answer 1

Если выбран этот параметр, элемент из раскрывающегося списка, например, предоставленный мною, получает атрибут select. По причинам, которые я не знаю, это изменение не отображается при использовании «проверить» в браузере.

Чтобы найти выбранный элемент, вы должны использовать document.querySelector("select").value).

Нет необходимости играть с атрибутом id или value.