jquery.select2 下拉选中后处理

方法1：监听change事件

$(‘#mySelect’).select2(); // 初始化Select2

$(‘#mySelect’).on(‘change’, function() {
var selectedValue = $(this).val();
console.log(“Selected value: ” + selectedValue);
// 在这里执行你需要的操作，比如根据选中值做出相应的改变
});

方法2：select2事件

select2:select：当用户选择了一个选项时触发。你可以使用它来执行在选择时需要的操作。

$(‘#mySelect’).on(‘select2:select’, function (e) {
var selectedValue = e.params.data.id;
console.log(“Selected value: ” + selectedValue);
// 在这里执行你需要的操作

});

select2:unselect：当用户取消选择一个选项时触发。你可以使用它来执行在取消选择时需要的操作。

$(‘#mySelect’).on(‘select2:unselect’, function (e) {
var unselectedValue = e.params.data.id;
console.log(“Unselected value: ” + unselectedValue);
// 在这里执行你需要的操作
});

select2:opening：在下拉菜单即将打开时触发。你可以在这个事件中执行在下拉菜单打开之前需要的操作。

$(‘#mySelect’).on(‘select2:opening’, function (e) {
console.log(“Select2 dropdown is opening”);
// 在这里执行你需要的操作
});