如何更改Javascript中的选择选项[重复]答案

【问题标题】：How to change select option in Javascript [duplicate]如何更改Javascript中的选择选项[重复]
【发布时间】：2014-01-03 08:17:00
【问题描述】：

我有这段代码：

<select name="commentselected" id="commentselected">
<option value="0">Text for Value 0</option>
<option value="1">Text for Value 1</option>
<option value="2">Text for Value 2</option>
</select>

我试图使用这个命令来改变值：

document.getElementsByName('commentselected').selectedIndex[2];

但它不起作用。有什么想法吗？

【问题讨论】：

标签： javascript select option

【解决方案1】：

getElementsByName 返回~~元素数组~~ an HTMLCollection，需要对其进行索引。

此外，selectedIndex 是一个需要设置

的属性

document.getElementsByName('commentselected')[0].selectedIndex = 2;

这是simple demo

另外，既然你的选择已经有一个id，你不妨使用getElementById，like this

【讨论】：

getElementsByName 返回一个HTMLCollection，而不是一个数组。它与数组的唯一相似之处是能够按索引选择成员。

【解决方案2】：

正如 Adam 所说，您需要设置属性并 getElement*s* -- 注意复数 -- 返回一个数组，即使该数组仅包含 1 个元素。因此，如果您有多个名为“cmetselected”的元素，要进行选择，您将不得不遍历数组并搜索“type=select”……这不是一段非常有效的代码

如果您需要访问 1 个元素，请使用 getElementById ...这就是 ID 属性唯一的原因，以确保只有一个具有该 ID 的元素。

【讨论】：

getElementsByName 总是返回一个 HTML 集合，即使没有匹配项。