How do I use Jquery to find and select a Multi Select option by the Value?

jquery option multi-select
Breadtruck picture Breadtruck · Mar 9, 2010 · Viewed 19.2k times · Source

I can't seem to figure out how to correctly select a Multi Select option by the Value and leave the other options that are selected alone.

Update It does work, thanks! I had the multi-select hidden and I thought firebug would update the option to "selected" but it doesn't. When I "show" the multi-select box after setting the attr to selected, it was selected. So that was also part of my problem, what firebug was showing me behind the scene.

Answer

Nick Craver picture Nick Craver · Mar 9, 2010

To select an individual option, leaving the rest alone:

$("#selectID option[value='" + myValue + "']").attr('selected', 'selected');

Or, alternatively since .val() returns an Array in the multiselect case:

var vals = $("#selectID").val();
vals.push(myValue);
$("#selectID").val(vals);

Related questions

How do you remove all the options of a select box and then add one option and select it with jQuery?

Using core jQuery, how do you remove all the options of a select box, then add one option and select it? My select box is the following. <Select id="mySelect" size="9"> </Select> EDIT: The following code …

Read More
set option "selected" attribute from dynamic created option

I have a dynamically created select option using a javascript function. the select object is <select name="country" id="country"> </select> when the js function is executed, the "country" object is <select name="country" id="…

Read More
How to check if an option is selected?

$('#mySelectBox option').each(function() { if ($(this).isChecked()) alert('this option is selected'); else alert('this is not'); }); Apparently, the isChecked doesn't work. SO my question is what is the proper way to do this? Thanks.

Read More