How to capture event when allowClear option of select2 is chosen?

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.

Himation

Never used this library, but in the docs a dash is used in the event names instead of a colon, e.g. select2-clearing – Thermosphere

@MarioA, I've tried dashes, but the current doc (see select2.github.io/examples.html, Events section) says about colon. – Himation

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

Thermosphere

strange.The event select2:selecting is working, see: jsfiddle.net/1vgLnjbb/1 – Thermosphere

I assume that this is an error in the beta version. You should submit a bugreport on github – Thermosphere

You are right, Mario - github.com/select2/select2/issues/2954. Thanks for your help. – Himation

"select2:unselecting Triggered before a selection is removed. This event can be prevented." but console.log($select.select2('data')) on this event returns an empty array – Grantgranta

Answer 2

This works:

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

 });

Hel

Answer 3

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

Backwoodsman

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.

Disburden