LayUI之select动态赋值的显示问题

玩这个东西就像剥玉米,剥了一层,还有一层,刚解决这个问题,下一个问题就来了。

问题:昨天是解决了select的监听事件,以为问题就解决了,开始动态赋值,结果问题就来了,用异步加载数据,赋值,按照常理是没有问题,可是在layui中是有问题的,数据加载时正常的,只是显示不出来,可能是layui的自身原因吧,那么解决问题,也是要按照layui的标准来。

首先,是要加载模块layui.use(这个东西必须品)

layui.use('form', function() {
        var form = layui.form;
}

具体的赋值方法:

$.ajax({
        type: "post",
        url: Path + url,
        dataType: "json",
        success: function (data) {
            var html = '';
            if (data.length == 0){
                html += "<option value=''>请添加数据</option>";
                $("#id").empty().append(html);
            }else{
                $.each(data,function (k,v) {
                    html += "<option value='"+v.id+"'>"+v.value+"</option>"
                })
                $("#id").empty().append(html);
            }
            form.render();
        },
        error: function (data) {
            layer.error(data);
        }
    });

注:最后要加上form.render();要不然是显示不出来的。

此处问题解决。。。。!

发布了85 篇原创文章 · 获赞 30 · 访问量 9万+

猜你喜欢

转载自blog.csdn.net/BinshaoNo_1/article/details/100975788