Question

我有选择框

<select id ="myselect">
<option value="AA">AA</option>
<option value="AB">AB</option>
<option value="AC">AC</option>
<option value="AD">AD</option>
</select>

所以在文档加载时我想在选择框中将项目“AC”作为加载文档时的默认选择选项

$('#myselect').children('option').text('AC').attr('selected', 'selected');

所以写这个语句就是让我的选择框完全为我的选择框填充值'AC'。我该如何纠正呢我尝试使用if语句比较'AC'的值。我没有选项的“值”作为数字

Answer 1

应该可以：

$('option[value=AC]').attr('selected','selected');

演示：jsbin。

Answer 2

您可以使用.val()来设置选择的值。这将选择具有指定值的选项。

$("#myselect").val('AC');

此处示例：http://jsfiddle.net/mtd6z/

Answer 3

你可能想要

 $('#myselect').children('option').filter(function(){ return $(this).text() == 'AC' }).attr('selected', 'selected');

Answer 4

我建议不要使用Javascript（除非一些非常重要的原因） -

可以这样简单地完成

<select id ="myselect">
<option value="AA">AA</option>
<option value="AB">AB</option>
<option value="AC" selected="selected">AC</option>
<option value="AD">AD</option>
</select>

如何在文档加载时使用jquery在选择框中选择特定项目

4 个答案: