layui 弹出框中select第二次无法显示问题

layui 动态select二级联动 功能 可增删二级联动select select选项联动 界面 select 选项联动主要代码 # select 标签部署 <div> <label>语音标签1</label> <select lay-filter="selectType"> # data-audio的值,与语音文件的name相关 <option value="1" data-audio="1">语音标签1</option> <option v 阅读详情

今天帮哥们看了一个问题

用layui时,打开一个对话框,里面有select的时候,第一次可以生成下拉框,第二次就不可以了


具体代码如上,后来查阅源代码,layui.js没有找到相关,layer.js找到相关但是和select框生成无关,form.js才找到对应的问题

具体代码为


这个应该就是当js加载之后就加载的意思(大神请指教,表示js不是很懂,我猜的)

然后就是当第一次点击生成的时候,然后在js中会把from.js加载过来,from.js加载完成后会调用一次d.render()方法产生对应的下拉框

但是当点击关闭按钮时,他会将所有的添加的html代码删除,所以生成下拉框也就消失了,第二次点击的时候,因为没有刷新页面,from.js还在

所以会导致其他正确加载,但是有关于from.js里面的内容都出问题


最后的解决办法是,把js中的html写到body中,然后用jquery取出,放到对应的参数中


这样当from.js渲染完成对应的html之后,html会打回到对应的位置,生成的所有渲染也不会丢失,下次点击就可以直接使用了


以上我的理解就是,layui这样做应该就是为了节约渲染成本。


以上纯属个人见解,谢谢

Layui select下拉二级联动,动态渲染下拉选项 项目场景 select下拉二级联动: html代码: @Override <div class="layui-inline" style="width: 330px;"> <label class="layui-form-label">所属车队</label> <div class="layui-input-block" style="width: 200px;position: absolute 阅读详情

相关推荐

layui select下拉二级联动

以php语言为例 html <div class="layui-form-item layui-row layui-col-space15"> <label class="layui-col-xs3 relative"> <span class="color-green">报考学校</span> <select class="layui-select" required name="school_id" lay-.

向宇的博客,专注php/web全栈 unity游戏开发,欢迎大家评论纠错 2121

select2常规操作~初始化、设置默认值、加载、多选、获取数据、清空、动态添加option....

1

xiaozhegaa的博客 1万+

FFmpeg硬件加速实战:VAAPI驱动配置全攻略(含NVIDIA/Intel避坑指南)

本文详细解析了在Linux环境下配置FFmpeg使用VAAPI接口实现硬件加速的完整流程。针对NVIDIA、Intel等主流显卡,提供了从驱动安装、环境变量设置到多显卡切换的实战指南,并重点解决了闭源驱动冲突、国产系统适配等常见问题,帮助用户有效提升视频处理性能。

weixin_29306011的博客 454

layui前端框架的多选下拉框,第二次加载时不出现的问题

项目新增的需求,需要点击button弹出一个弹窗,主要实现多选下拉框的内容,于是弹窗就采用了layui来做,这个很容易实现了,但是接下来使用的多选下拉框插件,出现了各种各样的问题,最主要的问题是,第一次点击button弹窗中的下拉框是可以多选的,之后点击button弹窗的其他内容是正常的,但是唯独多选下拉框没有加载出来。 于是按照网上的说法要对form表单进行重渲染: 加上这段代码之后,果...

fhmlyq的博客 1149

【Apollo规划模块探秘】—— 场景(Scenario)驱动的决策引擎

本文深入解析了Apollo自动驾驶平台规划模块的核心机制——场景(Scenario)驱动的决策引擎。文章通过类比日常驾驶,阐述了规划模块如何像经验丰富的司机一样,根据不同的路况(如车道跟随、无保护左转)切换不同的“驾驶模式”。重点剖析了场景管理器(ScenarioManager)如何基于感知信息进行场景判断与切换,以及“场景-阶段-任务”双层状态机如何精密协作,实现灵活、高效且安全的轨迹规划。

rnn9storyteller的博客 278

别再死磕文档了!用国产MBSES软件5分钟上手MBSE建模(保姆级图文教程)

本文通过国产MBSES软件,详细演示了如何在5分钟内完成智能家居系统的MBSE建模。从模块图定义到状态机图构建,再到参数约束验证,全程图文指导,帮助工程师快速掌握基于模型的系统工程方法,显著提升复杂系统设计效率。

weixin_26833503的博客 237

layui弹出框打开第二次select内容无法显示问题

  今天, 在使用layui弹出框的时候, 第一次进入select内容加载是正常的, 将弹出框关闭再次进入后select下拉框内容为空, 经排查是因为每次弹出窗口z-index都会改变, 弹出框的z-index值大于select框外div的z-index值, 导致select的内容被遮住了, 只需要控制每次弹出窗口的z-index都一样即可; 弹出框的z-index属性: 下拉框的z-...

weixin_30352191的博客 1260

【软考】系统集成项目管理工程师(一)信息化知识

软考中级——系统集成项目管理工程师备考干货第一章:信息化知识。

商务合作 | 共同学习 | 携手共进 9万+

(动态添加select后不显示?)layui动态添加select后重新渲染

一、问题:利用jQuery动态添加的代码中包含select,运行后不显示 1、显示的状态 2、后台的代码 正常情况下应该像队长班级一样显示,但是却惊奇的发现,事与愿违 二、原因 Layui会对select、checkbox、radio等原始元素隐藏,从而进行美化修饰处理。但这需要依赖于form组件,所以你必须加载 form,并且执行一个实例。值得注意的是:导航的Hover效果、Tab选项卡等同...

Jinx_vt_Lin的博客 7022

【unity实战】完美的2D横版平台跳跃玩家控制器,使用InputSystem+有限状态机实现人物加速减速 多段跳 长短跳 多段攻击 冲锋 冲锋残影 滑墙 蹬墙跳 滑墙 土狼时间 预输入 攀爬 爬楼梯

【unity实战】使用unity的新输入系统InputSystem+有限状态机设计一个玩家状态机控制——实现玩家的待机 移动 闪避 连击 受击 死亡状态切换这次来实现一个2d平台平台跳跃玩家控制器,平台人物控制要做的好,要考虑的问题会有很多,比如移动加速减速 多段跳 冲锋 冲锋残影 滑墙 蹬墙跳 土狼时间 预输入 攀爬 爬楼梯//减速至于为什么叫这个名字(土狼时间)呢?其实这个名词来自于华纳兄弟动画公司,一部古老的动画系列影片《Looney Tunes》

向宇的博客,专注php/web全栈 unity游戏开发,欢迎大家评论纠错 6043

Python 爬虫实战:简易爬取知乎回答内容

本文详细介绍了使用Python爬取知乎回答内容的实战方法。通过分析知乎异步加载API接口,讲解如何构建带反爬策略的爬虫代码,包括请求头设置、JSON数据解析和内容清洗等核心步骤。文章提供了完整可运行的代码示例,并针对多页爬取、数据保存和反爬升级给出优化建议。同时强调爬虫使用的合规性,帮助新手快速掌握动态网页爬取的核心技巧,实现从静态到动态网页爬虫的进阶。

2503_91057718的博客 2196

layui select不显示几种情况

文章目录[隐藏] layui select 不显示 layui select 不显示 layui 表单中 select 不显示有很多原因,下面是我遇到的情况,如果你也遇到不显示的情况,可以参照下面layuiselect 不显示的解决方法: 在表单容器中没有添加:class=”layui-form”属性 script 中没有引入 form,或者 layui.use 中没有引入 for...

https://ligo100.cn 小何博客欢迎访问。 2254

Unity 之如何使用Pico4u锚点功能实现一个世界锁GameRoot

摘要 空间锚点技术是混合现实(MR)应用的核心,能永久记录虚拟物体的空间位置。文章介绍了在Unity中使用Pico SDK实现空间锚点的完整流程:1)环境配置需安装XR模块和Pico SDK;2)关键操作包括启动空间感知、创建/删除/查询/更新锚点;3)提供了经典应用案例,通过GameRoot节点实现场景固定和锚点同步。源码展示了基于XR交互工具包的锚点抓取与位置更新实现,为MR开发提供了实用参考方案。

TxNet 972

关于layui下select下拉框不显示问题解决办法

学习笔记,仅供参考,有错必纠 参考自:解决Layui动态生成select下拉选择框不显示问题 我想在layui框架下添加一个下拉框,但是按照layui官方文档说明添加后,下拉框却不显示,代码如下: <form class="layui-form" method="POST" action=""> <div class="layui-form-item"> <label for="L_repass" class="layui-form-lab

小山羊的学习日志 6019

【半导体工业实战】C#.NET开发SECS/GEM协议上位机(完整可运行源码+全进制转换工具类+工业级通信封装)

在半导体这个高精尖的工业领域,SECS/GEM协议是设备通信的基石,而C#.NET凭借其稳定性、高效的字节处理能力、Windows工控机的深度适配,成为SECS上位机开发的最优选择。本文从半导体行业的专属认知出发,提供了完整的进制转换工具类、工业级的SECS通信封装、实战的报文解析与业务调用示例、半导体专属的避坑指南,所有内容均为真实项目经验的沉淀,无空洞理论、无AI冗余文字,所有源码均可直接编译运行、无缝移植到半导体项目中。半导体工控开发的核心,从来不是炫技,而是。

这里只有干货:从 Modbus 通信到 MES 对接,从 YOLO 训练到工控机部署,带你搞定工业软件开发全流程。 897

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

layUI——layUI打开弹窗后下拉列表不显示及显示后动态取值取不到的问题解决方法

用layUI做前端框架开发,结果在打开弹窗后怎么都不显示下拉列表,得了,再刷一下layUI的框架实例,找到了解决办法。 function addEnvironment() { var $html = ''; $html += '<div class="layui-fluid xjfw environment">'; $html += '<div class="l...

threelifeadv的博客 1706

蓝牙模块HM-10手册

蓝牙模块HM-10手册,该手册对蓝牙模块HM-10进行了详细的介绍和使用方法以及一些AT指令。

layer和select2一起使用,导致select2下拉框无法显示的问题

今天使用layer插件做的弹出框中,使用了select2插件,但是select2插件的下拉框无法正常显示,很显然这是由于layer弹出层z-index值比较大,导致了select2的下拉框被遮住了。解决这个的方法一般就是增大select2下拉框的z-index值,或者减小layer的弹出框的值。虽然可以使用直接修改源码的方式去修改这个值,但是一般不建议这么做,因为这么做很可能会导致其他无法预料的问...

chouzizi的博客 7348

android 蓝牙通讯demo

android 下蓝牙通讯demo,实现了发现蓝牙,使能蓝牙,通过蓝牙发送消息。

迈瑞BS系列全自动生化分析仪LIS协议接口手册(内含HL7和ASTM)

迈瑞BS系列全自动生化分析仪LIS协议接口手册,内含HL7和ASTM)

导入layui没报错但格式不显示_关于layui踩过的坑

layui是个很好用的框架,但是在使用中也存在好多很多坑,简单的记录一下以免后面再掉坑里。1、layui有很多内置的模块,在使用过程中一定要注意先提前引入模块和内部函数中声明一次。包括弹框(div,简单的按钮组,iframe,msg)分页,表格,表单,文件上传,日期等模块。列如:layui.use([‘layer‘, ‘form‘,‘element‘,‘table ‘], function(){v...

weixin_32289847的博客 1924

layui 如何让select弹出layer层

效果如图 实现 使用如下css样式即可 .layui-layer-molv .layui-layer-content{ overflow: visible !important; } 详细说明: 在class="layui-layer-molv"下的class="layui-layer-content"的标签使用 overflow: visible !important; 样式,!important;是强制使用 ...

weixin_43992507的博客 2143

select下拉框数据 SSM+LayUi

前言说明 一、显示下拉框的下拉值 二、下拉框数据值展示在前台页面上 三、下拉框修改回显值

Abdullahi_kanye的博客 2441

Layer与select连用,组件会失效

今天需要在一个弹窗里面新添加一个编辑按钮,点击按钮,在另外一个单床里面出现一个页面,中间需要一个selext下拉框。 由于之前的弹窗在Layer组件里面,所以我就跟着添加一个按钮,如下: function onlySelect() { layer.open({ type: 2, area: ['500px', '400px'], ...

默默的笔记 1910

css修改layui的下拉框样式 js_修改layer中title样式

Layer title样式修改问题使用LayUI开发过程中,发现无法修改layer弹出框(本文中主要这针对layer.open打开的弹出框)标题样式,网上提供的方法中大多为自己设计并添加新的skin,或者在单个页面(弹框的父页面)中添加internal 或者external css去修改。先上源码,不同样式效果,节省时间。.div-block {top:200px;left:200px;posit...

weixin_35223524的博客 1805

layui必填提示框修改,layui提交form表单必填提示框修改,select提示弹出位置不对处理,layui自定义提示文字,layui自定义条件提示

效果 修改前 修改后 实现方式 我的layui版本是2.6.8 js文件只有layui.js(之前的版本可修改form.js文件源码) 所以打开layui.js修改源码,修改如下 // 将 i.msg(f,{icon:5,shift:6}) // 替换成 i.tips(f, r) 如图1下所示(Hbuilder颜色未改,则是黄背景) 或如图2所示 我喜欢把提示框颜色改了,以下就是我修改的样式(打开layui.css换行放到后面即可) /* layer提示*/ .layui-layer-tips .

weixin_43992507的博客 9243

layui总结2

layui总结2

joan_yb的博客 3430

button layui 点击事件_layui弹出层layer过大被遮挡解决办法-resize事件自动调整

遇到的问题最近在使用layui做一个管理系统,由于前端技术有限,在开发过程中也遇到这样那样的问题,即比较简单的问题有时也要搞半天。。layer弹出窗口在弹出时指定了area,弹出后,如果当前页面(iframe)大小比弹出的窗口小,那么就会出现无法操作弹出窗口的尴尬情况。查看官方文档以及搜索引擎,都没有找到好的办法。如图所示:弹出窗口比当前页面大这时,唯有放大整个页面才能看到完全的弹出窗口,才可以操...

weixin_36433147的博客 438
上一篇: SpringMVC quartz 无法注入service和no session问题
下一篇: 关于bigInteger中setbit 和 testBit的解析
TOP_Y
博客等级 码龄12年 7粉丝 32原创
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值