2011-03-05 88 views
7

项目我有一个下拉:编程选择选择下拉

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

我怎么会选择第2项编程?

+0

您是在谈论在页面加载时预选项目,还是在远程网站上选择表单项目? – 2011-03-05 19:04:11

+0

您将需要客户端或服务器端脚本/编程。你更喜欢哪个? – 2011-03-05 19:06:22

+0

哇有很多不同的方式来做到这一点。感谢所有的答案。 – CrazyCoder 2011-03-05 19:11:06

回答

7

首先得到的是选择某种方式的句柄:

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

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

select.selectedIndex = 1; 
+0

还是你想按价值选择?这是一个不同的答案。 – jpsimons 2011-03-05 19:08:33

+0

浏览器与'selectedIndex'的兼容性如何?找不到任何像样的参考... – 2016-08-14 17:27:36

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

jQuery的版本.. 。

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

如果你是tal王有关选择前一个项目,只需设置为“选择”如下项目:

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

当然只是'selected'的存在就足够了,作为一个布尔属性?据我记忆,它并不需要价值。 – 2011-03-05 19:07:15

+0

@David Thomas:如果您严格使用XHTML,则必须说selected =“selected”。 [见这里](http://www.w3schools.com/Xhtml/xhtml_syntax.asp),等等。 – DOK 2011-03-05 19:12:49

+0

啊,谢谢@DOK :) – 2011-03-05 19:20:33

4

如果您使用纯HTML:

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

如果你能使用jQuery,使用val()方法:

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

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

的最简单的解决方案是这样的:

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