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

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>

Answer 3

如果您使用纯HTML：

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

如果您能够使用jQuery，请使用val()方法：

<select id="foo"> //give it an id

$("#foo").val("2");

Answer 4

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

Answer 5

jQuery版......

   $('#your_select').val('2');

Answer 6

最简单的解决方案是：

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