Select2: how to set data after init?

Question

I need to set an array of data after initializing select2. So I want to make something like this:

var select = $(\'#select\').select2({});
select.data([
  {id: 1         


        

Answer 1

You can rerender and trigger the select2

render select2

$('.select2').select2({
  placeholder: 'Slect value',
  allowClear: true
});

after need to change the data data

let dataChange = [
  {
    id: 0,
    text: 'enhancement'
  },
  {
    id: 1,
    text: 'bug'
  },
  {
    id: 2,
    text: 'duplicate'
  },
  {
    id: 3,
    text: 'invalid'
  },
  {
    id: 4,
    text: 'wontfix'
  }
];

rerender the select2

$('.select2').select2('destroy');
$('.select2').empty();
$('.select2').select2({
  placeholder: 'Slect value',
  allowClear: true,
  data: dataChange
});

trigger select2

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

Hope this is the answer for you :3