[Layui]Open子页面动态下拉框赋值解决办法

厦门德仔

已于 2023-03-25 19:34:53 修改

阅读量1.2k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： #Layui 文章标签： layui 动态下拉框赋值

于 2022-03-07 15:55:42 首次发布

本文链接：https://blog.csdn.net/david_520042/article/details/123332295

#Layui 专栏收录该内容

46 篇文章 ¥59.90 ¥99.00

订阅专栏

超级会员免费看

在Layui中，当需要在open子页面时为动态下拉框赋值，直接赋值的方法无法奏效，因为此时下拉框尚未加载数据。一种可行的策略是先给第一个下拉框赋值，然后调用子页面的加载回调函数，等待数据加载完成后再对动态下拉框进行赋值。通过这样的步骤，可以确保下拉框在有数据的情况下被正确设置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

子页面动态下拉框赋值

上篇文章解决了如何联动问题，但是还有一种情况，open子页面时给动态下拉框赋值。
直接赋值并不可以，此时下拉框是没有数据的。监听函数并不会触发动态函数。

我的思路：
给第一个下拉框直接赋值(本次测试用静态)，执行子页面函数加载回调，待回调函数加载完毕数据，然后动态下拉框赋值。

HTML:

if (obj.event === 'edit') {
                var index = layer.open({
                    title: '编辑视频',
                    type: 2,
                    shade: 0.2,
                    maxmin:true,
                    shadeClose: true,
                    area: ['60%', '60%'],
                    content: '/SysVideo/Edit',
                    success: function (layero, index){
                        //向layer页面传值，传值主要代码
                        var body = layer.getChildFrame('body', index);
                        //获取name名为Id的控件进行赋值