Li click 不适用于 select2 插件

Question

我有一个使用 select2 插件构建的 select 菜单。单击菜单选项时，我需要将 class 添加到 <select>。经过警报测试，它不起作用。

$(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

这是有效的，首先将 selector 更改为 js-select2 因为这个 class 名称用于 select 名称和select 字段使用更改功能代替点击

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

Answer 2

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

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

在此处查看 select2 文档

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

Li click 不适用于 select2 插件

Li click is not working with select2 plugin

html

javascript

css

jquery

jquery-select2