How can I use jquery to populate a select2 Multiple select box?

Question

So I have a select2 Multiple select box (dropdown) like the following:

<script type="text/javascript">
$(".js-example-basic-multiple").select2();
</script>

<select id="selector" class="js-example-basic-multiple" multiple="multiple">
  <option value="AL">Alabama</option>
    ...
  <option value="WY">Wyoming</option>
</select>

How can I use jquery to make certain options selected?

Thanks

edit:

I've tried this:

$("#selector option[value='AL']").attr("selected", "selected");

I want to choose from values that are already in the dropdown. I don't want to add new values that aren't already there.

So I want certain values to already be selected.

Sorry, yes. A multiple selected box. I'll edit the question to reflect that — Stacker, Oct 27 '16 at 13:19
yes - I'm not using this to add extra values to the list. I just want to add one that's already there — Stacker, Oct 27 '16 at 13:30
Have a look at this question http://stackoverflow.com/questions/24905607/select2-cant-set-multiple-value — jorgonor, Oct 27 '16 at 13:43
select2 gives you alll values selected in an array separated with comas so you can get the value of the input and split it http://stackoverflow.com/questions/2858121/convert-comma-separated-string-to-array or you can split the value in back end after POST — UserEsp, Oct 27 '16 at 14:09

score 0 · Answer 1 · answered Oct 28 '16 at 12:50

0

I got the answer, it is:

$('#IDOFSELECTBOX').val("").change();

My internet went down so couldn't update. thanks for help

answered Oct 28 '16 at 12:50

Stacker

113
9

How can I use jquery to populate a select2 Multiple select box?

1 Answers1