layui动态设置下拉框数据，根据后台数据设置选中

Posted 2020-10-16 谁将新樽辞旧月，今月曾经照古人

追加下拉框数据：

设置默认选中：

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

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

 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");