方法

Select2具有几种内置方法,允许以编程方式控制组件。

打开下拉菜单

可以通过将方法名称传递给Select2直接处理的方法。.select2(...).

open 法将导致下拉菜单打开,显示可选选项:

$('#mySelect2').select2('open');

关闭下拉菜单

close 方法将导致下拉菜单关闭,隐藏可选选项:

$('#mySelect2').select2('close');

检查插件是否已初始化

要测试Select2是否已在特定的DOM元素上初始化,可以检查是否存在select2-hidden-accessible 类:

if ($('#mySelect2').hasClass("select2-hidden-accessible")) {
    // Select2已初始化
}

请参阅此堆栈溢出答案)

销毁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');

例子