Breaking News: Grepper is joining You.com. Read the official announcement!

select2 change data set without resetting select2

Nikunj Savaliya answered on July 12, 2023 Popularity 8/10 Helpfulness 2/10

answer select2 change data set without resetting select2

select2 change data set without resetting select2

Comment

$.fn.select2.amd.define('select2/data/customAdapter',
    ['select2/data/array', 'select2/utils'],
    function (ArrayAdapter, Utils) {
        function CustomDataAdapter ($element, options) {
            CustomDataAdapter.__super__.constructor.call(this, $element, options);
        }
        Utils.Extend(CustomDataAdapter, ArrayAdapter);
        CustomDataAdapter.prototype.updateOptions = function (data) {
            this.$element.find('option').remove(); // remove all options
            this.addOptions(this.convertToOptions(data));
        }        
        return CustomDataAdapter;
    }
);

var customAdapter = $.fn.select2.amd.require('select2/data/customAdapter');

var sel = $('select').select2({
    dataAdapter: customAdapter,
    data: pills
});

$('#uppercase').click(function() {
    $.each(pills, function(idx, val) {
        pills[idx].text = val.text.toUpperCase();
    });
    sel.data('select2').dataAdapter.updateOptions(pills);
});

Popularity 8/10 Helpfulness 2/10 Language whatever

Source: stackoverflow.com

Tags: set whatever

Link to this answer
Share Copy Link

Contributed on Jul 12 2023

Nikunj Savaliya

0 Answers Avg Quality 2/10

select2 change data set without resetting select2

Contents

More Related Answers

select2 change data set without resetting select2

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.