CODEWITHSUNDEEP
javascriptjqueryjquery-select2
JaskeyLam
JaskeyLam

Reputation: 15755

Select2 off('change').on('change'.....) does not able to change the selected option

I use Select2-4.0.0 And

$gameSelect.select2().on("change",function(e){....}

works fine.

But when I chain it following off('change') like:

$gameSelect.select2().off('change').on("change",function(e){....}

The event is triggered but the selected item does not change at UI.

Why is that?

Upvotes: 3

Views: 1803

Answers (2)

BassMHL
BassMHL

Reputation: 9047

To preserve the settings of select2, use this code instead of the accepted solution :

$('#my-select').off('change.mychange').on('change.mychange', function () {
    //your code
});

You don't need to reinstatiate the .select2(). It's unnecessary and also shorter.

Upvotes: 0

Arun P Johny
Arun P Johny

Reputation: 388316

Looks like the select2-4.0 is adding its own change handlers to the select element, when you say off('change') that too is getting removed that is the reason.

To fix this kind of problems we have event name spacing so, use a namespace to your handlers and use it to remove them like

$('#my-select').select2().off('change.mychange').on('change.mychange', function () {
    //your code
});

Demo: Fiddle

Upvotes: 6

Related Questions