javascript - 将 "select"标签的值放入 JavaScript 变量中

Question

这个问题已经有答案了:

Get selected value in dropdown list using JavaScript (31 个回答)

已关闭 7 年前。

<select> 的示例HTML 表单元素来自 W3Schools (稍作修改):

<select>
  <option value="a">Option A</option>
  <option value="b">Option B</option>
  /*...*/
</select>

据我所知，option 都没有。也不select有id属性(property)，这么好老document.getElementById("name of select element").value不起作用。

但是，我怎样才能把value将列表中选择的选项的属性放入JS变量中？

我知道这可以通过函数调用来完成，例如当我按下按钮元素时，但我必须在该函数中写入什么？

Answer 1

除了给它一个 id 之外，您还可以添加一个 onchange 事件:

<select onchange="yourfunction(this.value)">
...

还有其他方法可以访问 DOM 中的元素。例如，假设这是页面上唯一(或第一个)选择，您可以使用如下行访问其值:

var val = document.getElementsByTagName("select")[0].value;