李点击不适用于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

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

df = pd.read_csv('test.csv')
my_list = df['Formatted Value'].apply(lambda x: re.findall(r'[\d\.\d]+', x))
d = {'Extractted': my_list}
temp_df = pd.DataFrame(d)
df[['col1', 'col2', 'col3', 'col4']] = pd.DataFrame(temp_df['Extractted'].values.tolist(), index=temp_df.index)

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