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

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（）来设置select的值。 这将选择具有指定值的选项。

$("#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>