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");
原文地址:https://www.cnblogs.com/jiangwz/p/7953512.html