layui单选下拉框怎样进行数据回填

提问 未结 8 224
小尾de糊涂账
悬赏:20飞吻
版本:layui 浏览器:
layui单选下拉框进行数据回填的时候,option是可以回选,但是显示的还是默认的第一个option的值。
如图,我要修改此条数据

option选中的都是回填的正确数据


但是下拉框显示的值还是默认的第一个option的值。
回填代码如下:

还是没用
回帖
  • maplemei
    2019-10-8
    你把option改为 selected 然后在render
    0 回复
  • @maplemei
    下拉框是这样加载的
    0 回复
  • @maplemei
    我知道了,是这里有ajax异步请求,在回填数据的时候还没加载好form模块,设置一个延时就行了。
    0 回复
  • 请问一下,你设置一个延时,这个延时的时间是多少呀?
    0 回复
  • @清风明月833 我随便设置的20毫秒,只要肉眼感觉不出来。
    0 回复
  • 1、html:
    <input type="hidden" id="aaa" th:value="${user.aaa}">

    <div class="layui-form-item">
    <div class="layui-input-block">
    <select id="orgId" name="AAA" lay-filter="province" class="province areaId">
    <option value="" >请选择</option>
    </select>
    </div>
    </div>
    2、js:
    xxx();

    //查询
    function xxx(){
    $.post("你的url……",function(res){
    if(res.code==0){
    res=res.data;
    var options = '<option value="">请选择xxx</option>';
    for(var i=0;i<res.length;i++){
    if($("#aaa").val() == res[i].id){//aaa就是被选数据
    options += '<option value="'+res[i].id+'" selected="selected">'+res[i].name+'</option>'
    }else{
    options += '<option value="'+res[i].id+'">'+res[i].name+'</option>'
    }
    }
    $("#orgId").html(options);
    form.render();
    }
    })
    }
    })
    0 回复
  • @秋水墨色染 TKS,我这边显示不正确是因为form.render()的时候没有加载layui的form模块。
    0 回复
  • @小尾de糊涂账 form.render('select');?
    0 回复