layui 表单 select JS接口 动态赋值
layui 表单 select 动态赋值
html:
<div class="layui-form-item"> <label class="layui-form-label">分类</label> <div class="layui-input-block"> <select name="cid" lay-search> <option value="">选择平台分类</option> </select> </div> </div>
js:
//模拟接口返回数据 let data = [ {id:1,title:'分类1'}, {id:2,title:'分类2'} ] data.forEach(function (v) { $('select[name="cid"]').append(new Option(v.title, v.id)); }); // 选项设置为默认选中 $('select[name="cid"] option[value="{{data.cid}}"]').prop('selected', true); layui.form.render("select");