Li click 不适用于 select2 插件答案

【问题标题】：Li click is not working with select2 pluginLi click 不适用于 select2 插件
【发布时间】：2020-02-20 12:29:34
【问题描述】：

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

它应该可以工作，但我在这里缺少什么？

【问题讨论】：

标签： javascript jquery html css jquery-select2

【解决方案1】：

this 正在工作，首先将选择器更改为 js-select2，因为您使用此类名称作为选择名称和选择字段使用更改功能 insted of click

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

【讨论】：

工作正常！谢谢

【解决方案2】：

您可以在选择 2 插件的选择事件上使用。

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

在此处查看 select2 文档

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

【讨论】：