选择 select2 的 allowClear 选项时如何捕获事件？

Question

I've tried to capture select2:clearing event

$("#my-select").on("select2:clearing", function (e) {
    console.log('cleared');
});

( jsfiddle )

but it is not fired. I've also tried other versions (like select2:removed etc., see another question with similar problem), but it also doesn't work.

I use select2 4.0.0-beta2.

Answer 1

The changelog of select2 4.0.0-beta2 states:

Removed events

select2-clearing - Use select2:unselecting instead

https://github.com/select2/select2/releases

Answer 2

This works:

$("#my-select").on("select2:unselecting", function(e) {

 });

Answer 3

$("#my-select").on("select2:select select2:unselecting", function(e) {
   //do something here
 });

Answer 4

According to the select2 event documentations , all of the unselect, unselecting, clear and clearing events will works !

But consider that usnselect or unselecting events should be used by single selection mode, and clear or clearing should be used by multi selection mode. So the clear or clearing will fires if all of selected items cleared or clearing.

The differences between unselect and unselecting, is that unselecting fires before removing selection so you can prevented it.

Hope that it helps.