如何将下拉列表选项设置为特定值

时间:2010-02-15 13:11:22

标签: javascript jquery

如果我有从数据库获取的valvo,如何使用JQuery将volvo选项状态设置为活动(已选中)?

<select name="car">
      <option value="volvo">Volvo</option>
      <option value="saab">Saab</option>
      <option value="mercedes">Mercedes</option>
      <option value="audi">Audi</option>
</select>

我不知道如何管理具有相同身份的控件。
??? $('input[name="car"]').attr('checked', true);

5 个答案:

答案 0 :(得分:7)

这也有效:

$("select[name=car]").val('volvo');

答案 1 :(得分:5)

由于您的示例是下拉列表,因此您必须使用val()

$("select[name='car']").val('volvo');

如果您想使用单选按钮,则可以使用

$(":radio[value='volvo']").attr ( "checked" , true );

以下HTML

<input type="radio" value="volvo" />
<input type="radio" value="saab" />
<input type="radio" value="mercedes" />
<input type="radio" value="audi" />

答案 2 :(得分:2)

$('select[name="car"]').val("volvo");

选择框与单选按钮不同,它没有“已检查”属性。上述方法有效,但您要在option元素上设置的特定属性为selected

$('select[name="car"]').attr("selected", "selected");

答案 3 :(得分:1)

JQuery是否支持多个CSS属性选择器?如果是这样,这应该有效:

$('input[name=car][value=volvo]').attr('checked', true);

否则,您始终可以遍历所有可用的单选按钮,检查其值,并在值匹配时进行检查。

答案 4 :(得分:1)

这应该适用于原始问题中所述的单选按钮。

$('input[name=car]:radio').attr('checked','checked');

这适用于选择

$('select[name=car]').val('volvo');