把价值放在＆＃34;选择＆＃34;标记到JavaScript变量

Question

来自https://stackoverflow.com/a/17992232/2486332的<select> HTML表单元素示例（稍作修改）：

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

据我所知，option和select都没有id属性，所以好的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;

Answer 2

如果您没有id可以使用，DOM会提供一些您可以使用的其他API，但可能是最通用的：

 document.querySelector("CSS Selector Here");

因此，您可以使用一个选择器，它通过标记名select或其在DOM中的位置或应用于它的类名等来查找select元素。

然后，为了获得价值，你要写下这个：

 var val = document.querySelector("CSS Selector Here").selectedIndex.value;