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;
}