javascript - 如何在 HTML/纯 JS 中保存选择下拉菜单选项？

Question

假设我有这段代码:

<select id = dropdown-list>
    <option value = "0"> Yes </option>
    <option value = "1"> No </option>
</select>

用户可以从下拉列表中选择是或否。我如何使用纯 JS/HTML 来确定用户选择的内容(并且当列表未展开时当前显示在下拉列表框中)以便我可以在其他地方使用该数据？我能弄清楚的唯一方法是在每个选项上添加一个 eventListener，但我觉得有更好的方法。我对 JS 很陌生，所以我不确定。谢谢。

Answer 1

您可以使用 select 元素的 onchange 属性。

<select id="dropdown-list" onchange="onChange(this.value)">
    <option value = "0"> Yes </option>
    <option value = "1"> No </option>
</select>

在 JS 中:

function onChange(val) {
  // `val` is the value
}