How to set drop down list option up to specific value

Question

If I have valvo that obtain from database, How can I set volvo option status into active(checked) by using JQuery?

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

I don't know how to manager control that have same identity.
??? $('input[name="car"]').attr('checked', true);

Answer 1

Since your example is a drop down list you have to use val()

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

If you want to use radio button then you can use

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

for the following HTML

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

Answer 2

Does JQuery support multiple CSS attribute selectors? If so, this should work:

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

Otherwise, you can always loop through all available radio buttons, check their value, and check them when the value matches.

Answer 3

This also works:

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

Answer 4

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

A select box is different to a radio button, it doesn't have a 'checked' attribute. The above works, although the specific attribute you want to set on the option element is selected:

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

Answer 5

This should work for radio buttons as stated on your original question.

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

This should work for select

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

Answer 6

To set the drop down value as selected then it may help you. http://praveenbattula.blogspot.com/2009/08/jquery-how-to-set-value-in-drop-down-as.html