select2 options code example

Example 1: select2 destroy

if ($('#mySelect2').hasClass("select2-hidden-accessible")) {
    // Select2 has been initialized
    $('#mySelect2').select2('destroy');
}

Example 2: select2 preselect option

$('#mySelect2').val('1'); // Select the option with a value of '1'
$('#mySelect2').trigger('change'); // Notify any JS components that the value changed

Example 3: select2 add option

// Set the value, creating a new option if necessary
if ($('#mySelect2').find("option[value='" + data.id + "']").length) {
    $('#mySelect2').val(data.id).trigger('change');
} else { 
    // Create a DOM Option and pre-select by default
    var newOption = new Option(data.text, data.id, true, true);
    // Append it to the select
    $('#mySelect2').append(newOption).trigger('change');
}

Example 4: select2

$('.js-example-basic-single').select2({
  placeholder: 'Select an option'
});

Example 5: select2 replace options

var options = [];
$.each(dataReturn, function (i, obj) {
    //console.log(i);
    //console.log(obj);
    options.push({
        text: obj.NickName,
        id: obj.NickName
    });
})
$("#BeneType").empty().select2({
    data: options
});

Example 6: select2

$(".js-example-basic-multiple-limit").select2({
  maximumSelectionLength: 3
});