Select2组件的使用

项目中遇到，记录一下。

初始化组件

var data = [{ 'id': '', 'text': '请选择' }];//设置成这个默认显示的就是请选择placeholder好像不管用 $("#test_elect").select2({ tags : true, multiple : false, maximumSelectionLength : 10, data: data,//data是[{},{}]类型的数组 value:'id', text:'text', placeholder:'请选择',//默认文字提示 language: "zh-CN",//汉化 allowClear: true//允许清空 });

赋值（数据回显）

data是初始化时id的值，会自动显示对应的text，一定要调用一下.trigger(“change”)，不然修改不生效

$("#test_elect").val(data).trigger("change");

获取选中的值

$("#test_elect").find("option:selected").val();//多选的话返回的是数组

点击事件

$("#test_elect").on("change",function(e){ console.log(e); });

销毁(销毁和赋值同理，值改为null就行了)

$("#test_elect").val(null).trigger("change");