LayUI使⽤formSelects-v4做复选下拉框
话不多说先上效果
formSelects-v4下载地址
⾸先在页⾯引⼊⼀下formSelects
<link href="../../layuiadmin/jquery/formSelects-v4.css" rel="stylesheet" />
<script src="../../layuiadmin/jquery/formSelects-v4.js"></script>
在lect标签上定义
<label class="layui-form-label">查看类型</label>
<div class="layui-input-block" >
<lect xm-lect="lect1" xm-lect-show-count="2" name="stype" id="stype" lay-verify="required" lay-filter="xmFilter1"> </lect>
</div>
其中xm-lect是formSelects辨识lect标签的唯⼀标识，在这个属性上需要⾃定义⼀下家庭会议记录
元素周期
获取动态数据绑定到lect上手机不停重启
$.ajax({
url:"接⼝",
dataType:'json',
data:"参数",
type:'get',
success: function (res){孔融不孝
quiet翻译//拿出res中data数组红豆山药糕
var data= res.data;
var keys =[];
//通过循环遍历将数据赋值到temp这个⼆维数组中
for(var i =0; i < data.length; i++){
var temp ={
"name": data[i].value,
深圳农商"value": data[i].code//这⾥需要注意，value应该不同，否则在下拉框选择数据的时候，选择上的数据回事⼀样的}
keys.push(temp)
}
//由于formSelect需要的arr是[{"name":"shuju1","value":"shuju2"},{....},{...}]这样的格式，所以上⾯这样去处理
电磁炉专用锅
formSelects.data("lect1","local",{
arr : keys
});
}
参考博客（⼤家也可以看⼀下）
