Li click не работает с плагином select2

Question

У меня есть меню выбора, созданное с помощью плагина select2 . Мне нужно добавить класс к <select> при щелчке по опциям меню. Протестировано с предупреждением, это не работает.

https://jsfiddle.net/ysm4qhof/1/

$(document).ready(function(){
$('.select2-results__option').on('click', function(){
   alert("Hello! I am an alert box!");
});
});

Пробовал нажимать ul, но это тоже не работает.

$(document).ready(function(){
    $('.select2 .select2-results__options').on('click', function(){
       alert("Hello! I am an alert box!");
    });
    });

Это должно работать, но чего мне здесь не хватает?

Answer 1

Вы можете использовать при событии выбора плагина select 2.

$('.js-select2').on('select2:select', function (e) {
  alert("Hello! I am an alert box!");
});

Проверьте здесь документацию по select2

https://select2.org/programmatic-control/events

Answer 2

это работает, сначала измените селектор на js -select2, потому что это имя класса, которое вы используете для имени выбора и для поля выбора, использует функцию изменения вместо щелчка

$(document).ready(function(){
$('.js-select2').on('change', function(){
alert("Hello! I am an alert box!");
});
});