Select2个人使用总结

　　最近项目有功能需要使用列表选多个用户，老夫偷懒使用zTree进行了多级checktree实现，不过貌似太丑，虽然对于我这种后端来说无所谓，但强迫症还是让我寻找其他代替控件。

　　闲话不说了，先上Select2自己的使用配置。

Html页面代码；

<div class="form-group" style="width: 200px;">
    <label for="sel_menu" style="width: 200px;">
    <select id="sel_menu" class="js-example-basic-multiple js-states form-control">
     </select>
    </label>
</div>

js代码；

$("#sel_menu").select2({
    placeholder: "请选择",
    language: "zh-CN",
    maximumSelectionLength: 50, //最多能够选择的个数
    multiple: true,
    ajax: {
        url: "/my/search_users",
        dataType: 'json',
        delay: 1000,
        data: function (params) {
          return {
            search_name: params.term
          };
        },
        processResults: function (data) {
          return {
            results:  data
          };
        },
        cache: true
      },
    initSelection: function (element, callback) {
        callback([{ id: 1, text: 'Text' },{ id: 2, text: '测试2'}]);
    }
});

个人使用过程中感觉最方便的还是initSelection设置初始选择值，O(∩_∩)O，其他的具体配置解释就不说了，google、baidu一大堆。

转载于:https://www.cnblogs.com/xyyLovewyj/p/5915473.html