How do i make the particular item selected in select box using jquery on document load

Question

iam having the select box

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

so on document load I want to Make item "AC" in the select box as the default selected option on loading the document

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

so with this statement written it is making my select box to fill with values 'AC' completely for my select box. How do i correct that and i tried in using the if statement comparing the value for 'AC'.And i dont have the "Value" for option as number

Answer 1

It should be do-able with:

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

Demo at: jsbin .

Answer 2

You can use .val() to set the value of the select. This will select the option with the specified value.

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

Example here: http://jsfiddle.net/mtd6z/

Answer 3

你可能想要

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

Answer 4

I suggest not using Javascript for this (unless some very important reason ) -

It can be simply done this way

<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>