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

Question

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

我曾尝试提供 ids 并更改不同选项的“值”属性，但这并不能解决我不知道选择哪一个的问题。

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

<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 元素“选项”，我希望它会发生变化，但即使在检查时，我也看不出有什么不同。请注意，如果有帮助，“值”属性始终等于内部 Text。我相信我没有使用 Jquery。

标签： javascripthtmlruby-on-railsbootstrap-4

Answer 1

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

要查找所选元素，您必须使用document.querySelector("select").value).

无需使用idorvalue属性。