与select2有关的知识点总结

1.多选下拉框设置提示

var datass = [
{ id:0, text: '你好' },
{ id:1, text: '好久不见' },
{ id:2, text: '好想你' }
];
var $select= $("#select").select2({
multiple: true,
placeholder: "问候语",
data:datass
// allowClear: true,
});

2.多选框的change事件

$select.on("change",function(e){

  var valdata = $(this).val();

}

3.多选下拉列表的清空事件

$select.val('').trigger('change');

4.队选中菜单进行操作

$select.on("select2:select",function(){
var valdata = $(this).val();
if(valdata.indexOf("0")>-1){
a.val('true');
}else{
a.val('');
}
if(valdata.indexOf("1")>-1){
b.val('true');
}else{
b.val('');
}
if(valdata.indexOf("2")>-1){
c.val('true');
}else{
c.val('');
}

$datatable.search("").draw(true);

});

猜你喜欢

转载自www.cnblogs.com/memymineblogs/p/9396767.html