How to get the last selected item

[harmancode]

I am trying to get the last selected item by listening to the select2:select event as suggested here, but I could not make it work.

Is this kind of event listening not supported?

$('#mySelect2').on('select2:select', function (e) {
  // Do something
});

This does not work either:

$(document).on('select2:select', '#mySelect2', function (e) {
  // Do something
});

But this works:

$('#mySelect2').change(function (e) {
  // Do something
});

(select2 version 4.x)

[wasikuss]

I've checked amd version and it works. Maybe there is some issue with non-amd version.
https://jsfiddle.net/wasikuss/eb2qxus6/ - open console and try de/select some options ( from browser of jsfiddle )

[harmancode]

It worked when I used your last submit and placed .on event like in the example you provided. I can now see the selected option in the console. Thank you!

However, I have another issue when I try to use the selected option. I am trying to change the selected select2 options programmatically based on the selection when a selection is made, but I can't refresh the drop-down because triggering change events apparently does not fire in the 'on' block. The drop-down only refreshes itself when I make another selection or close/reopen the drop-down. I am using 'change.select2' as suggested here too, but it doesn't work.

Should I use a different namespace/tag here other than 'change.select2' or 'change'? Or should I use another approach to solve this problem? (The main goal is adding an 'All options' option, which will clear all other selections if it is selected).

$('.select2-multiple').select2({
                placeholder: 'Select items',
                closeOnSelect: false,
                templateSelection: function(data) {
                    return 'Selected ' + data.selected.length + ' out of ' + data.all.length;
                },
                dropdownAdapter: DropdownAdapter,
                selectionAdapter: SelectionAdapter,
                resultsAdapter: ResultsAdapter
            }).on('select2:select', function (e) {
                console.log("select2:select", e.params.data.id);
                let optionID = e.params.data.id;
                if (optionID === 'all') {
                    $this = $(e.target);
                    $this.val(null).trigger('change.select2'); // Clear <--- Trigger event does not work here.
                    $this.val('all').trigger('change.select2'); // Select 'All' <--- Trigger event does not work here.
                }
            })