javascript - 如何在下拉字段的 X 位置获取值？

Question

如果我有一个如下所示的下拉列表：

<select id="select">
<option value="Armoire">Armoire</option>
<option value="Bridge Bed">Brigde Bed</option>
<option value="Bunk Bed">Bunk Bed</option>
</select>

是否可以在特定位置获得价值？例如：

var b=select.getValueAt(1); 

这样 b 就等于“桥床”。这将是常规 java 代码的正确行。无论如何使用javascript来做到这一点？

提前致谢，

Answer 1

选择元素有一个名为 options 的属性，它是它包含的所有选项标签的数组
要获取索引处元素的值，请使用

var b = document.getElementById('select').options[1].value

选择对象
小提琴

Answer 2

假设您已经设法以<select>某种方式获取元素：

var idx = 1;
var selectTag = document.getElementById('select');
var b = selectTag.getElementsByTagName("option")[idx].getAttribute("value");

这使用适当的 DOM 方法来完成这项工作，并将获取所有子<option>标签，包括<optgroup>. 索引忽略<optgroup>并索引从 0 开始的所有<option>标签。一个例子（它alert的值）是here