layui下拉复选框formSelect实现

   <div class="layui-inline">
       <select name="labelId" id="labelId" xm-select="selCustomerLabel" lay-verify="required" required>
          </select>
   </div>

前端写一个简单的select标签，使用的是layui框架，主要用途是将下拉框中数据作为搜索条件进行查询；

我们要引入所需要的js,cs等包，地址：https://github.com/hnzzmsf/layui-formSelects

在js中向后台请求数据：

 formSelects.config('selCustomerLabel', {
        searchUrl: Feng.ctxPath + "/serviceUser/selectLabel",//请求地址
        keyName: 'labelName',
        keyVal: 'id'
    });

返回数据可以是list或json格式，会自动解析，这时页面已经可以实现多选了

提交的时候会以form表单提交，将复选框中内容提交，提交的内容是以数组的格式，我们只需要我们需要的id就行了

在js获取参数是对传过来的参数进行转化，转化成一个字符串，id之间颐逗号隔开

var labelId = formSelects.value('selCustomerLabel', 'id');
var new_arr = labelId.map(aaa => {return aaa.id});
var labelId=new_arr.join(',');

我们可以在需要这些参数时再拆开，进行操作

//将参数转化为数组并遍历
 String[] arr=new String(labelId).split("[\\,]");
for(int i = 0; i < arr.length;i++){
           
 }