Layui表单的使用select下拉框不出现的问题

页面加载两个动态的select选择框时,我的调用顺序是

先追加第一个select的option
再追加第二个select的option
再调用

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

加载整个表单。
在其中遇到了问题,那就是select下拉框的值,在审查元素的时候已经追加了,但是页面下拉框就是没有值
最后发现,原来是ajax异步的问题,也就是我的append方法在success回调函数里面,
在append方法还未执行时,layui.form();已经将表单渲染了。
将ajax改成同步,问题果然解决了。

    $.ajax({
                type : "POST",
                url : url,
                dataType : "json",
                async : false,//改为同步
                success : function(data) {
                    var html = '';
                    $.each(data, function(index) {
                                html = html + '<option value="'
                                        + data[index].id + '">'
                                        + data[index].text + '</option>';
                            });

                    $("#user").html(html);
                }
            });
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本人做php的,最近发现JS真的是博大精深啊,比PHP难.在HTML中,表单是由form元素来表示的,但是在jav...
    linfree阅读 2,235评论 3 17
  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,778评论 18 399
  • 大家好,我叫刘浚睿,今天晚上我放了学我妈妈带我去他的舞蹈班,等爸爸一会儿,因为爸爸要带我去野炊了,到了野炊的地方,...
    张会新阅读 150评论 0 0
  • 今天下午开宾,店长把公司发下来的滞销款的衣服,每款都跟我们讲了一下:1.主推这几款衣服可以为公司解决库存问题。2....
    cindy金梅阅读 349评论 16 0
  • 记得早些时候网上流传了一组韩国插画师的温馨情侣漫画。让人好生羡慕。 这位叫puuung的插画师将自己和女朋友的小子...
    杨跄跄和六子的日常阅读 471评论 0 0