Insert multiple values into component

For someone who needs to implement the following code and I got the result I wanted ..

var values = "1,2,3"

$.each(values.split(","),function(i,e){
   $("#select option[value='" + e + "']").prop("selected", true);
});

$("#select").trigger("change");

You can do as follows using a%% of variables with select values, and if you want to select more than one item at a time in the dropdown and only add the data attribute to your select: / p>

HTML:

<select id="s" multiple="multiple">
</select>

JS:

var data = [
  { id: 0, text: 'enhancement', selected: true},
  { id: 1, text: 'bug' },
  { id: 2, text: 'duplicate' },
  { id: 3, text: 'invalid' }, 
  { id: 4, text: 'wontfix', selected: true}
];

$("#s").select2({
  data: data
});

In this object, id's represents the values of the select options, and text's

Link to test .