你的位置:首页 > 软件开发 > Java > select2 3.5.3 二级下拉及搜索

select2 3.5.3 二级下拉及搜索

发布时间:2017-12-05 00:00:25
select2 [3.5.3]版本支持搜索: JS代码,如果Group不需要勾选,goup不加id就可以了。$(".group-select").select2({ placeholder: "Select group or member" ...

select2 3.5.3 二级下拉及搜索

select2 [3.5.3]版本

select2 3.5.3 二级下拉及搜索

select2 3.5.3 二级下拉及搜索

支持搜索:
select2 3.5.3 二级下拉及搜索

JS代码,如果Group不需要勾选,goup不加id就可以了。

$(".group-select").select2({ placeholder: "Select group or member", allowClear:true, data: arr, query: function (options){  var selectedIds = options.element.select2('val');  var data = jQuery.extend(true, {}, this.data);  var selectableGroups = $.map(data, function (group) {   var areAllChildrenSelected = true,    parentMatchTerm = false,    anyChildMatchTerm = false;   if (group.text.toLowerCase().indexOf(options.term.toLowerCase()) >= 0) {    parentMatchTerm = true;   }   var i = group.children.length;   while (i--) {    var child = group.children[i];    if (selectedIds.indexOf(child.id) < 0) {     areAllChildrenSelected = false;    }    if (options.term == '' || (child.text.toLowerCase().indexOf(options.term.toLowerCase()) >= 0)) {     anyChildMatchTerm = true;    }    else if (!parentMatchTerm) {     var index = group.children.indexOf(child);     if (index > -1) {      group.children.splice(index, 1);     }    }   }   return (!areAllChildrenSelected && (parentMatchTerm || anyChildMatchTerm)) ? group : null;  });  options.callback({ results: selectableGroups }); }});

  

原标题:select2 3.5.3 二级下拉及搜索

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录