How do you select a particular option in a SELECT element in jQuery?

Question

If you know the Index, Value or Text. also if you don\'t have an ID for a direct reference.

This, this and this are all helpful answers.

Example markup

Answer 1

Try this

you just use select field id instead of #id (ie.#select_name)

instead of option value use your select option value

 <script>
    $(document).ready(function() {
$("#id option[value='option value']").attr('selected',true);
   });
    </script>

Answer 2

   $(elem).find('option[value="' + value + '"]').attr("selected", "selected");

Answer 3

You could name the select and use this:

$("select[name='theNameYouChose']").find("option[value='theValueYouWantSelected']").attr("selected",true);

It should select the option you want.

Answer 4

The $('select').val('the_value'); looks the right solution and if you have data table rows then:

$row.find('#component').val('All');

Answer 5

For Jquery chosen if you send the attribute to function and need to update-select option

$('#yourElement option[value="'+yourValue+'"]').attr('selected', 'selected');
$('#editLocationCity').chosen().change();
$('#editLocationCity').trigger('liszt:updated');

Answer 6

i'll go with:-

$("select#my-select option") .each(function() { this.selected = (this.text == myVal); });