前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >layui动态设置下拉框数据,根据后台数据设置选中

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

作者头像
二十三年蝉
发布2018-02-28 13:59:04
4.6K0
发布2018-02-28 13:59:04
举报
文章被收录于专栏:闻道于事闻道于事

追加下拉框数据:

设置默认选中:

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

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

代码语言:javascript
复制
 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");
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2017-12-02 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档