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");