获取和渲染下拉列表选项

layui标签或一般标签均可
<div class="layui-form-item">
    <label class="layui-form-label">异地仓名称</label>
    <div class="layui-input-block" style="width:260px;margin-top: 20px;">
        <input type="text" id="warehouseName" value="" name="warehouseName" lay-verify="required|warehouseCode" placeholder="请输入异地仓名称" autocomplete="off" class="layui-input">
    </div>
</div>

//获取异地仓下拉列表数据
function getWareHouse(tab){ //不同调用渲染下拉列表的select传不同参数让value值不同
    $.ajax({
        url: basePath+'/another_warehouse/list',
        type: 'get',
        success: function (res) {
            let str
            if (res.code == 0){
                let wareHouseArr = res.data
                // console.log(wareHouseArr)
                $.each(wareHouseArr,function(index,item){
                    // console.log(index,item)
                    let code = item.warehouseCode
                    let name= item.warehouseName
                    let newName = item.warehouseCode + item.warehouseName
                    let id = item.id

                    // if(tab == 1){
                    //     $('#wareHouseSc').append(new Option(newName,id)); //将数据放到二级下拉中
                    // }else{
                    //     $('#wareHouseSc').append(new Option(name,code)); //将数据放到二级下拉中
                    // }
                    // form.render("select");


                    var str = `<option value="${code}">${name}</option>`;
                    $('#wareHouseSc').append(str);
                    $('#wareHouseSc').find(".layui-this").attr("id",id)
                    form.render("select");

                    // str +='<option value="' + item.warehouseCode +'">' + item.warehouseName +'</option>'
                })
                // console.log(str)
                // $('#wareHouseSc').html(str);
                // form.render("select");
            } else{
                layer.alert(res.message);
            }
        }
    })
}