layui select 不展示

最新推荐文章于 2024-07-14 23:42:27 发布

旺仔和旺财

最新推荐文章于 2024-07-14 23:42:27 发布

阅读量294

点赞数

分类专栏： LayUi 文章标签： html 前端

本文链接：https://blog.csdn.net/weixin_42350108/article/details/106424671

版权

解决layui框架下select组件不显示的问题，重点在于确保在表单渲染完成后进行select渲染，并使用form.render('select')进行刷新。

摘要由CSDN通过智能技术生成

注意渲染select标签的时间是否在表单生成之前，
例如添加和修改时，
需要在添加修改的表单渲染完成之后才能渲染select标签，
另外不能忘记要加上
form.render(“select”);
来刷新渲染，否则也可能没有效果

// 显示编辑弹窗
    var showEditModel = function (data,status) {
   
        layer.open({
   
            type: 1,
            title: data ? '修改' : '添加',
            area: '500px',
            offset: '100px',
            content: $('#cell-model').html(),
            success: function () {
   
                admin.req(
                    "api-box/cellspec/list",
                    "",
                    function (data1) {
   
                        var source = data1.data;
                        for (var i = 0; i < source.length; i++) {
   
                            if (data == undefined) {
   
                                $("#cell-selector").append(
                                    "<option value='" +  source[i].id + "0'>" + source[i].aliasName + "</opt