layui动态插入下拉列表

//html部分
<label class="layui-form-label">引用模块</label>
<div class="layui-input-inline" id="consumerName">
    <select id="dropDownName"></select>
</div>

//js部分
//监听引用模块下拉菜单
$('#consumerName').on('click',function (){
    $('#dropDownName').empty();//先清空数据
    $('#drownDownParameter').empty();//先清空数据
    $.ajax({
        url: BASE_URL + ':8080/api/module/get',
        type: 'GET',
        contentType: 'application/json',
        data: {
            projectId: projectId
        },
        success: function (data){
            let module = data.data;
            let select = $('#dropDownName');
            $.each(module,function (index,value){
                let option = $('<option></option>').text(value.summarize);
                option.attr('data-id', value.id); // 使用data-*属性存储id的值
                select.append(option);
            });
            // 重新渲染下拉列表
            setTimeout(function (){
                form.render('select');
            },1000);
        }
    });
});

// 写法应该很多，具体看自己使用

注意：该代码是异步请求，有一定的问题，不加延时的话，下拉列表会出现闪现的问题且加上form渲染并指定 'select' 类型。