以编程方式选择下拉列表中的项目

Question

我有一个下拉:

<select>
  <option value="1">1</option>
  <option value="2">2</option>
</select>

我如何以编程方式选择第2项？

Answer 1

首先以某种方式获取该选择的句柄:

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

然后操纵selectedIndex属性(我相信它是一个从零开始的索引):

select.selectedIndex = 1;

Answer 2

如果您要谈论预选项目，只需将项目设置为“已选择”，如下所示：

<select>
  <option value="1">1</option>
  <option value="2" selected="selected">2</option>
</select>