JQ select2 详细API

下面是 select2 插件的常用 API：

1. 初始化

- `select2()`: 初始化 select2，将 select 元素转换为可搜索的下拉框。

$('#mySelect').select2();

2. 选项

- `data`: 获取或设置下拉框中的选项数据。可以是一个数组，也可以是一个函数。

// 获取选项数据
var data = $('#mySelect').select2('data');
console.log(data);

// 设置选项数据
var newData = [
  { id: 1, text: '选项一' },
  { id: 2, text: '选项二' },
  { id: 3, text: '选项三' }
];
$('#mySelect').select2({
  data: newData
});

- `val()`: 获取或设置下拉框中的选中值。

// 获取选中值
var value = $('#mySelect').select2('val');
console.log(value);

// 设置选中值
$('#mySelect').val('1').trigger('change');

- `text()`: 获取或设置下拉框中的选中文本。

// 获取选中文本
var text = $('#mySelect option:selected').text();
console.log(text);

// 设置选中文本
$('#mySelect').select2('data', { id: '1', text: '选项一' });

- `enable()`: 启用或禁用下拉框。

// 启用下拉框
$('#mySelect').select2('enable');

// 禁用下拉框
$('#mySelect').select2('disable');

3. 事件

- `change`: 当下拉框的选中值发生改变时触发。

$('#mySelect').on('change', function() {
  console.log('选中值改变了！');
});

4. 配置项

- `placeholder`: 设置下拉框的提示文本。

$('#mySelect').select2({
  placeholder: '请选择选项'
});

- `allowClear`: 是否允许清除已选中的选项。

$('#mySelect').select2({
  allowClear: true
});

- `minimumInputLength`: 设置在输入框中最少需要输入多少字符才能开始搜索。

$('#mySelect').select2({
  minimumInputLength: 2
});

以上是 select2 插件的一些常用 API，可以根据实际需求选择使用。