layui框架layer弹窗点X，再次弹出之前信息没清空，问题解决

最新推荐文章于 2024-03-25 09:58:11 发布
最新推荐文章于 2024-03-25 09:58:11 发布
阅读量2.2k 收藏 2
点赞数
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43368308/article/details/106162824
版权
在使用layui框架的layer弹窗功能时，遇到表单信息在关闭后未清空，导致再次打开仍显示旧信息的问题。通过吸收他人经验并自我改进，找到了主要代码解决方案，旨在帮助遇到同样问题的开发者。
摘要由CSDN通过智能技术生成

我再项目里面用layui，使用layui.open弹出页面层表单时发现表单无论是提交还是确定以后***表单信息没有清空***，再次打开依旧存在录入信息。如下图
点击确定于取消后再次点击表单信息不清空这里分享一下我的解决办法，我也是吸收了博客上别人的方法自己又加以改进，主要代码如下
红线是主要代码，箭头对应相应操作。$("*")中的 * 对应的是form表单的选择器

layer.open({
   
                    type:1
                    ,title:$('#addNo
最低0.47元/天 解锁文章
便引诗情上碧霄
关注
layer.confirm 确认框的“x”关不掉页面
yayayu_的博客
07-20 2067
【问题】 layer.confirm layui 的确认框，下面两个确定、取消按钮都没有问题，点 x 关不掉，一直转圈。是什么原因导致的呀？ 【解决】 cancel:function(){ //关闭； } 1、layer.open() 2、layer.confirm（） 描述下：btn:就是按钮 ； cancel:function()：右上角 x 触发的内容； 第一个function(): 第一个钮的触发内容； 第二个function(): 第二个钮的触发内容。 $.ajax layer.confirm
Layui中弹出层关闭后但是弹出层中的内容依然显示在页面上，没有消失
qq_43059674的博客
07-02 3972
原因：jquery 冲突 解决方法：将你html页面引入的jquery删掉，直接使用layui内置的jquery 删除页面引入的jquery 使用layui自带的jquery
layui 日期重置_layui清空,重置表单数据的实例
weixin_39692253的博客
12-18 1495
最近在使用layui框架，在页面进行表单数据提交后，要是页面表单数据清空，依是有下面方法表单：主题内容jquery：//监听提交form.on('submit(upGoodsBtn)', function(data){var formDate = data.field;console.log(formDate);$.ajax({url: '/goods/saveGoodInfos',type: '...
HTML--使用重置按钮，重置表单信息
weixin_30335353的博客
07-20 1238
当用户需要重置表单信息到初始时的状态时，比如用户输入“用户名”后，发现书写有误，可以使用重置按钮使输入框恢复到初始状态。只需要把type设置为"reset"就可以。 语法： <inputtype="reset"value="重置"> type：只有当type值设置为reset时，按钮才有重置作用 value：按钮上显示的文字 举例： 在浏览器中显示的结果： 输...
layui使用弹出层 关闭后弹层的内容又显示出来
热门推荐
张营的技术博客
03-24 1万+
1.layui的弹层插件  layer 使用     当弹层的内容很多时，可以先在页面上写好，一般是写在body里面，不要放在其他的div里面，防止弹层受到影响，使用方法：      display:none;">test.... layui.use('layer',function(){ layer.open({ type:1,
layui清空表单数据_Layui表格初始化
weixin_36127579的博客
12-23 4366
然后加载和初始化layui的table模块，elem指定原始表格元素选择器(推荐id选择器)，url是连接的数据接口。cols是表头的内容，field设定字段名，是表格数据列的唯一标识，字段名要和数据库表格里的字段名保持一致才能查出数据。title可以设置标题的名称，hide隐藏列true为隐藏，默认false。align 是对齐方式，center是居中对齐，可选左(left)对齐、右(right...
layui遇到的一些问题
Benxiaohai_311的博客
03-25 1655
1、layui nav 菜单栏默认收缩 默认收缩的是li上的class 去掉layui-nav-itemed。就可以了。我一直再找的是ul标签上的。
layui prompt 设置允许空白提交的方法
10-16
其中，`layui prompt` 是用于创建弹窗式输入框的功能，方便用户在弹出窗口中输入数据。然而，在默认情况下，如果`layui prompt`中的输入框内容为空，用户点击“确定”按钮时，系统会阻止提交，以防止无效数据的传递...
layui数据表格 编辑、删除、查看功能的具体实现。 编辑功能弹窗显示表单
qq_36801317的博客
08-10 5409
layui数据表格的初始框架，这里不赘述了。官方文档讲的很清楚，这里我们在框架写好的基础上，实现具体的功能，即已经写好以下界面： 我们具体实现它工具栏中的查看、编辑和删除功能。 在以下函数中编写： table.on('tool(test)',function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值" var data = obj.data; // 获取当前行的数据
layui 弹出层/弹窗 没有效果解决办法
u012972294的博客
02-06 4265
layui 弹出层/弹窗 没有效果，可能是没有引入相应的js文件，或者引入文件出错，顺序一定是在jquery 文件之后，当然也需要引入css文件， 对弹窗/弹出层起作用的主要是layer.js 和 layer.css文件 ...
ElementUI组件Dialog弹窗再次打开表单仍显示上次数据的解决方法
qq_45030898的博客
11-29 4564
目录 1.需求分析 2.出现的问题 3.解决方法 1.需求分析 需求是点击新增表单，弹出dialog窗口，确认后页面显示新增的数据 2.出现的问题 第一次新增表单页面 结果显示： 貌似也没有问题，我们第二次进入新增表单 第一个问题就来了，新增表单默认有上次新增表单的值 ，更严重的问题来了！！！再次修改内容，上次添加的表单数据也会跟着改变 结果增加了两个相同的数据（上个数据被改变） 3.解决方法 在打开dialog的按钮绑定方法，重置表单...
layUI弹窗数据回显
fengbiao_z的博客
03-03 1284
/** * 打开编辑窗口 */ function openUpdateWindow(data) { mainIndex = layer.open({ type: 1, //弹出层的类型 title: "修改用户", area: ['800px','600px'], content: $("#addOrUpdateBillDiv"), su.
毕设之路（一）完美解决 LayUI 弹窗关闭后刷新数据表格
欢迎来到「小菠萝」的博客
01-01 1762
最近遇到了一个问题：LayUI弹出子窗口后，提交更新表单后后台数据已经发生改变，但是回到父页面后，数据表格却一直不更新，只有重新进入该页面才会重新发请求拿到新的数据，这个Bug花了我一整天时间来解决。 网上很多的方案都是： （1）在子窗口关闭的代码中写 parent.location.reload() （2）在子窗口关闭的代码中写 window.parent.location.reload() 但对于来说都没有用，我是在父页面（即数据表格所在页面）中解决的，做法很简单： （1）找到打开弹窗的代码：lay.
两次layer.open()同一个DIV，layer.open()回调函数中变量值还是第一次的数据。
Zhu_daye的博客
10-09 640
两次layer.open()同一个DIV，layer.open()回调函数中变量值还是第一次的数据。
layui当点击文本框时弹出选择框,显示选择内容的例子（2种办法）
shghdgdd的博客
01-19 5740
第一种 实现如图所示的功能 点击名称，弹出信息弹框，选择表格中的某一行 1、html页面代码 <!--计量器具弹出层--> <div id="equipment" lay-filter="equipment" style="display: none"> <table id="equipment_result" lay-filter="equipment_result"></table> </div>
在layui数据表格中选中记录并绑定后关闭页面在次打开数据进行回显（展示选中的记录）
on_the_stree的博客
06-18 581
在layui中绑定数据，关闭弹窗之后再次打开的时候数据没有进行回显。数据表格会展示所有的数据。显然这不是我们想要的，自己在网上搜索并尝试了一下，有这样一种方法可以在弹窗页面关闭再次打开之后显示选中的记录，希望可以帮到大家。 原始的layui数据表格： 第一次打开选中记录关闭后再次打开： 显然数据没有进行回显 layui数据表格回显 首先要先判断数据表格是否选中过数据，这是我的操作（参考） 如果选中过了，就获取记录中的id或者名称都可以 。没有的话可以随意给一个值（主要是为了以后进行判断） 获取到值之后可
layui 在layer.alert()弹出框中展示表格
最新发布
09-07
layui是一个轻量级的前端UI库，它提供了一个方便的函数`layer.alert()`用于弹出提示信息框。如果你想在这个提示框中显示表格，你需要将HTML表格内容作为字符串传递给`layer.alert`的第二个参数。 例如，假设你有一...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值