layui多选下拉的使用----formSelects-v4

1.下载

地址:https://fly.layui.com/extend/formSelects/

2引入

需要引入formSelects-v4.css和formSelects-v4.js两个文件

3.html代码

<select name="city" xm-select="fileType" xm-select-height="30px" xm-select-skin="default">
 </select>

4.js代码

  layui.config({
        base: '/static/js/select/' //此处路径请自行处理, 可以使用绝对路径
    }).extend({
        formSelects: 'formSelects-v4'
    });
layui.use(['formSelects','upload', 'form','element'], function () {
        var formSelects = layui.formSelects;
//初始化
formSelects.data('fileType', 'server', {
            url: '/fileManager/fileType',
            keyword: 'name',
        });
})

5.java代码

 public List<Map<String,Object>> queryFileType(HttpServletRequest request){
        List<Map<String,Object>> list=new ArrayList<>();
        for (int i=0;i<10;i++){
            Map<String,Object> map=new HashMap<>();
            map.put("name","文职"+i);//这个key值一定要与js中的keyword一致
            map.put("value",i);
            list.add(map);
        }
        return list;
    }