Select2具有几种内置方法,允许以编程方式控制组件。
可以通过将方法名称传递给Select2直接处理的方法。.select2(...)
.
open
法将导致下拉菜单打开,显示可选选项:
$('#mySelect2').select2('open');
close
方法将导致下拉菜单关闭,隐藏可选选项:
$('#mySelect2').select2('close');
要测试Select2是否已在特定的DOM元素上初始化,可以检查是否存在select2-hidden-accessible
类:
if ($('#mySelect2').hasClass("select2-hidden-accessible")) {
// Select2已初始化
}
destroy
法将从目标元素中删除Select2小部件。它将恢复为标准 select
控制:
$('#mySelect2').select2('destroy');
销毁Select2控件时,Select2将仅取消绑定由插件自动绑定的事件。您在自己的代码中绑定的任何事件,包括您显式绑定的所有Select2事件,都需要使用.off
jQuery方法手动解除绑定:
// 设置Select2控件
$('#example').select2();
// 绑定事件
$('#example').on('select2:select', function (e) {
console.log('select event');
});
// 销毁Select2
$('#example').select2('destroy');
// 取消绑定事件
$('#example').off('select2:select');