搁浅在月球 2022-10-05 14:34 采纳率: 100%
浏览 157
已结题

关于#layui#下拉框数据回显的问题,如何解决?

layui插件下拉框数据回显
    layui.use(['layer', 'jquery', 'form'], function() {
    var form = layui.form;
    var layer = layui.layer;
    var $ = layui.jquery;
    var row = parent.row; //获取父页面的全局变量
    //监听form表单提交事件
    $.ajax({
        type: "POST",
        url:"http://localhost:8080/staff/alllist",
        dataType:"json",
        success: function (res) {
            var arr = Object.keys(res.data);
            console.log(arr)
            for (let i = 0; i < arr.length; i++) {
                $("#sname").append(new Option(res.data[i].sname,res.data[i].sname));
            }
            form.render('select');
        }
    })
    //...............回显功能
    form.val("updateMaterialForm", row) //设置表单元素的value值

采购人一栏是有数据的,但是由于我这里用的是将后端查询到的数据渲染到select选项中。就导致下拉框的回显失灵了

img

最初尝试过通过if查询将row.sname利用document.getElementById("id").value方法赋值,但是试了下没有用。
我认为应该可以在渲染时加一行代码,当select下拉框里某选项被选中时设置状态并回显value。

  • 写回答

1条回答 默认 最新

  • 少十步 2022-10-05 16:14
    关注

    应该是异步问题吧, 表单赋值在下拉框请求时就执行了 但下拉框数据还没加上 导致不回显 表单赋值在异步里试试

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

问题事件

  • 系统已结题 10月25日
  • 已采纳回答 10月17日
  • 创建了问题 10月5日

悬赏问题

  • ¥15 咨询一下有关于王者荣耀赢藏战绩
  • ¥100 求购一套带接口实现实习自动签到打卡
  • ¥50 MacOS 使用虚拟机安装k8s
  • ¥500 亚马逊 COOKIE我如何才能实现 登录一个亚马逊账户 下发新 COOKIE ..我使用下发新COOKIE 导入ADS 指纹浏览器登录,我把账户密码 修改过后,原来下发新COOKIE 不会失效的方式
  • ¥20 玩游戏gpu和cpu利用率特别低,玩游戏卡顿
  • ¥25 oracle中的正则匹配
  • ¥15 关于#vscode#的问题:把软件卸载不会再出现蓝屏
  • ¥15 vimplus出现的错误
  • ¥15 usb无线网卡转typec口
  • ¥30 怎么使用AVL fire ESE软件自带的优化模式来优化设计Soot和NOx?