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

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏极乐技术社区

微信小程序开发详解《二》开发组件使用初步,配置

一:开发组件使用初步 1:建立一个微信小程序的工程 2:请参考如下链接里面的内容,这是微信小程序的官方开发指南: https://mp.weixin.qq.co...

23210
来自专栏不想当开发的产品不是好测试

centos下安装pip2

# 背景 新机器,安装完python2后发现竟然不自带pip,按照我的理解现在新版本的python,不管是2还是3都会自带pip的。没办法,需要自己去安装pip...

2916
来自专栏CodingBlock

Android查缺补漏(View篇)--布局文件中的“@+id”和“@id”有什么区别?

但需要注意的是在布局文件中,被引用的id要在引用位置的上面,否则会编译出错,如下:

1254
来自专栏魏艾斯博客www.vpsss.net

WDCP 面板安装微擎的过程记录

现在最流行的微信管理系统非微擎莫属了,太多人使用微擎来管理自己的微信公众号和微信小程序。同时很多人自行搭建微擎程序时候遇到了难题,为了解决这个难题魏艾斯博客前面...

2760
来自专栏vue学习

小程序 — wepy中使用有赞的vant-weapp组件

5282
来自专栏一“技”之长

AppleWatch开发入门三——代码交互与控制器生命周期

        在前两篇博客中,讨论了关于watch开发中框架与界面布局相关,然而主要的逻辑,终究还是要通过代码来实现的,在我们创建了项目之后,就会生成Inte...

723
来自专栏极客编程

ionic入门之AngularJS扩展

ionic是一个强大的混合式/hybridHTML5移动开发框架,特点是使用标准的HTML、 CSS和JavaScript,开发跨平台(目前支持:Android...

921
来自专栏你不就像风一样

Maven报错Archive for required library:某.jar' in project '项目名'

741
来自专栏landv

如何破解Excel VBA密码

首先,如果文件格式是(.xslm),需要先打开Excel文件,另存为2003版格式(.xls)。

1.2K2
来自专栏张善友的专栏

Remoting: Server encountered an internal error

发生这个错误的原因是Remoting的一个配置项: <customErrors> 元素   指示此应用程序域中的服务器通道是否将经筛选的或完整的异常信息返回给本...

1907

扫码关注云+社区

领取腾讯云代金券