javascript - Li click 无法与 select2 插件一起使用

标签 javascript jquery html css jquery-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!");
    });
    });

它应该可以工作,但是我在这里缺少什么?

最佳答案

enter image description here这是有效的,首先将选择器更改为 js-select2,因为您用于选择名称和选择字段的类名称使用单击的更改函数

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

关于javascript - Li click 无法与 select2 插件一起使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60319976/

相关文章:

javascript - 如何返回从输入对象推断键的对象?

javascript - 使用 Handlebars 在 .hbs 文件之间链接的最简单方法是什么?

jquery - 使所有HTML组件消失,只显示背景图片

javascript - 打开大弹出窗口时如何防止firefox滚动到页面底部

javascript - 我尝试 jquery 教程,但它没有给出预期的输出

javascript - 插入CSS后如何使用jQuery检测加载的背景图像

javascript - 在 Chrome 中使用高 CPU 的 Canvas

javascript - 如何将焦点设置在html表格最后一行第二列的输入控件上

javascript - 使用 HTML 和 Javascript 调用 XML API

javascript - 如何使用jquery更改数据属性的子元素