select2下拉模糊查询多选

实现效果图

前端布置（在select2单选的基础上）

1. 在select标签内添加multiple="true"属性

<select  id="XXX" class="multiSelect" name="XXX">
    <option value=" " > --请选择--</option>
           <c:forEach  items="${XXX}" var="XXX" >
                    <option value="${XXX.id}"  >${XXX.name}</option>
            </c:forEach>
  </select> 


2. 在{}中添加了新的属性separator: ",", // 分隔符 , tags: true,  //true可以手动添加数据,maximumSelectionLength: 3  //最多能够选择的个数据

<script>

  $(document).ready(function() {

       $(".multiSelect").select2({  //可以调$("#XXX")

               'width':'200px'

separator: ",", // 分隔符  

           tags: true,  //true可以手动添加数据

           placeholder: "默认提示语", //默认提示语

           maximumSelectionLength: 3  //最多能够选择的个数

         })

    });

</script>

 

后台

3.  使用String[]数组获取值然后用for循环进行赋值