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++){
           
 }