javascript - 李点击不适用于select2插件

我有一个使用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!");
    });
    });

它应该可以工作，但是我在这里想念什么？

最佳答案

这是有效的，首先将选择器更改为js-select2，因为您用于选择名称和用于选择字段的此类名称使用了单击更改功能

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