项目中遇到,记录一下。
初始化组件
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");