Update (Select2 4.0+)

Question

122

Can't set multiple values in Select2

rated 0 times [ 125] [ 3] / answers: 1 / hits: 48914 / 10 Years ago, wed, july 23, 2014, 12:00:00

I am trying to show selected values in select2-jquery component.

var select = $(.select2).select2({

    multiple: true,

    placeholder: ,

    width:'100%',

    data: z 

});

var selectedValues = $(#sourceValues).val().split(',');



$.each( selectedValues, function(k,v){

    $(.select2).select2('val',v);

})

Element sourceValues holds the value e.g : 2,4
And z is array of object that holds id and text as suggested.
I can see the <options> that is linked to the Select2 element but I am unable to show the selected values on the element.
Also, If I try to run the query on Chrome console it works , if I write something like ;

  $(.select2).select2('val',4)

Hence, the <option> with the id 4 is selected.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

longd

Add To Favorites

Follow

Total Points: 616

Total Questions: 110

Total Answers: 101

Location: Andorra

Member since Sat, May 27, 2023

1 Year ago

longd questions

1 JS to TS: Type 'null' is not assignable to type 'number'

Mon, Jan 24, 22, 00:00, 2 Years ago

1 Typescript class variables and error: refers to a value, but is being used as a type here. . Did you mean typeof' .... Why exactly?

Wed, May 26, 21, 00:00, 3 Years ago

1 Slick Slider two rows, how?

Sat, Apr 3, 21, 00:00, 3 Years ago

1 VS Code auto formatting with prettier

Mon, Jul 13, 20, 00:00, 4 Years ago

1 Uncaught SyntaxError: import declarations may only appear at top level of a module:1:18 asking again

Tue, Jun 9, 20, 00:00, 4 Years ago

View All

answered 10 Years ago anitadevonm · Accepted Answer

Update (Select2 4.0+)

Since version 4.0, you should use .val(...) followed by trigger('change') from jQuery.

https://select2.org/programmatic-control/add-select-clear-items#selecting-options

Up-to-date example:

var selectedValues = $(#sourceValues).val().split(',');

$(.select2).val(selectedValues).trigger('change');



// $(.select2).val([1, 2]).trigger('change');

Original answer (Select2 3.5.3)

http://select2.github.io/select2/#documentation

val

Attached to select - Multi-Valued - Array of the value attributes of the
options that should be selected. null for empty.

So:

var selectedValues = $(#sourceValues).val().split(',');

$(.select2).select2('val',selectedValues);



// $(.select2).select2('val',[1, 2]);