关于select2的一些总结

select2版本：4.0.5

官方文档地址：https://select2.org/

1.关于placeholder
单选select想要显示placeholder必须在select标签中添加一个空白<option>标签

例：单选select显示placeholder
<select class="js-example-placeholder-single">
  <option></option>
</select>
$(".js-example-placeholder-single").select2({
    placeholder: "Select a state"
});

 

2.选中值
使用jQuery的.val()方法

// 选中单个值
$('#mySelect2').val('1');
$('#mySelect2').trigger('change');

// 选中多个值
$('#mySelect2').val(['1', '2']);
$('#mySelect2').trigger('change');

 

3.disable select组件
通过.prop()设置属性

$(".js-example-disabled").prop("disabled", true);
$(".js-example-disabled-multi").prop("disabled", true);

 

4.支持ajax异步请求数据
支持动态url，分页等，动态生成option，解决大量数据渲染问题，（插一句：在用select2+anuglarjs编写组件时曾遭遇一万五千条数据的渲染，最初直接用的data盛放静态数据，奈何渲染造成了页面卡死，后来使用ajax+pagination，若想要设置动态生成的option的disabled属性，只需要在数据对象数组中的object添加属性disabled）