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");