如何检测在“选择”下拉列表中选择了哪个选项

Question

我正在使用普通的“选择”下拉菜单，因此用户可以选择其中一个选项。我需要知道选择了哪个选项，以便可以更新另一列，例如： 如果用户选择“非常好”，则“得分”列将更新为5/5。

我尝试给出ID并更改不同选项的“值”属性，但是它不能解决我不知道选择哪个选项的问题。

这是我正在使用的下拉列表

<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元素“选项”（如果选中）会发生变化，但是即使进行检查，也看不到任何区别。请注意，如果有帮助，“值”属性始终等于内部文本。 我相信我没有使用Jquery。

Answer 1

选中后，下拉列表中的一项（例如我提供的一项）将具有属性select。由于我不知道的原因，在浏览器中使用“检查”时看不到此更改。

要查找选定的元素，必须使用document.querySelector("select").value)。

无需使用id或value属性。