• 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");
  • 相关阅读:
    未格式化的输入/输出操作
    格式化输入与输出
    随机数
    正则表达式
    bitset
    tuple
    servlet笔记
    springside
    maven
    Lua简易入门教程
  • 原文地址:https://www.cnblogs.com/jiangwz/p/7953512.html
Copyright © 2020-2023  润新知