set select2 option using array of text values

Question

I am using select2 for multiselect.I having my array text values. ex:

array = ["a","b"];

I need to select these two after my select2 is loaded. I achieved using a single value but how to achieve the same using an array of values? I am stucking on this.

Question 2:

var values = ["Test", "Prof", "Off"]; // or to take values as array from other document element;
$("#strings").val(values);
$("#strings").trigger('change'); //trigger change for select2 to set values/styles

Using the above i am not able to set selected option in my select2. Note: for this i have used empty multi select

            let long_name = 'a';
            let $element = $('#AGENCY')
            let val = $element.find("option:contains('"+long_name+"')").val()
            $element.val(val).trigger('change.select2');

Harifrais · Accepted Answer · 2020-05-21 10:36:35Z

1

Please find the updated code and based on that you can select multiple options:

let $element = $('#AGENCY')
var selectedValues = [];
$.each( ["a","b"], function( key, value ) {
    selectedValues.push($element.find("option:contains('"+value+"')").val());
});
$element.val(selectedValues).trigger('change.select2');

edited May 21, 2020 at 10:36

Harifrais

471 gold badge5 silver badges20 bronze badges

answered May 20, 2020 at 20:37

Akash prajapati

4744 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Harifrais Over a year ago

I already mentioned above, Need to select the text field not the val.The code which u gave is to select the val. select2 have id, text. select2.val() means id.

Akash prajapati Over a year ago

I have updated the answer can you please look into that?

Harifrais Over a year ago

Hi i tried but it only selected the last value in the array,not all values..I need all values to be selected that i pass in the array

Harifrais Over a year ago

s..$("#AGENCY").select2({ placeholder: "Please select an option...", multiple: true, closeOnSelect: false, data: agency_array }); let $element = $('#AGENCY'); $.each( ["default parent account","Agency","Demo ATD","testcaseatd"], function( key, value ) { let val = $element.find("option:contains('"+value+"')").val(); $element.val(val).trigger('change.select2'); });

Akash prajapati Over a year ago

I have updated code one more time so can you please check it updated code into the answer?

|

Collectives™ on Stack Overflow

set select2 option using array of text values

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related