zoukankan      html  css  js  c++  java
  • layui动态设置下拉框数据,根据后台数据设置选中

    追加下拉框数据:

    设置默认选中:

    正常的判断这种情况是不行的,因为追加出的数据,在前台显示的并不是同一个下拉框,原来的下拉框被隐藏了

    因此需要:根据原来的位置,寻找下一个节点,寻找子节点的方式找到相应的前台显示的下拉框,然后设置默认值

     1  form.render(null, 'editBookform');
     2                       $("#idforEdit").val(data.id);
     3                       $("#nameforEdit").val(data.name);
     4                       $("#numforEdit").val(data.num);
     5                       $("#bookType").val( data.bookType.id);
     6                       
     7                       $('#bookType').find('option').each(function(){
     8                           $(this).attr('selected',$(this).val()==data.bookType.id);
     9                           
    10                       });
    11                       
    12                       $('#bookType').next().children().eq(0).children().eq(0).val($('#bookType').find("option:selected").text());
    13                     //找到ID的下一步元素,的子元素,的第一个,的子元素,的第一个,设置他得值为当前应该选中的值
    14                     
    15                       $("#addressforEdit").val(data.address);
    16                       $("#usablesforEdit").val(data.usables);
    17                       $("#synopsis").val(data.synopsis);
    18                     $("#editBookform").removeClass("layui-hide");
  • 相关阅读:
    关于git---远程
    关于git---主要
    css特效
    Canvas图片压缩
    TypeScript简单介绍
    html 常见兼容性问题及解决方法
    cookies,sessionStorage 和 localStorage 的区别
    vue-element-admin vue.config.js
    ② nodejs + mongodb 搭建服务器
    ① 数据自动填充
  • 原文地址:https://www.cnblogs.com/jiangwz/p/7953512.html
Copyright © 2011-2022 走看看