码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-12-02 13:05:09      阅读:232      评论:0      收藏:0      [点我收藏+]

标签:orm   selected   function   下拉框   子节点   后台   remove   func   显示   

追加下拉框数据:

设置默认选中:

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

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

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

 

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

标签:orm   selected   function   下拉框   子节点   后台   remove   func   显示   

原文地址:http://www.cnblogs.com/jiangwz/p/7953512.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!