layui点击表单关闭弹出层

最新推荐文章于 2025-04-09 09:27:00 发布

编程怪

最新推荐文章于 2025-04-09 09:27:00 发布

阅读量1.3k

点赞数

分类专栏： layui前端文章标签： layui

本文链接：https://blog.youkuaiyun.com/weixin_44828157/article/details/114040550

版权

layui前端专栏收录该内容

4 篇文章

订阅专栏

这篇博客介绍了如何在layui框架中处理弹出层与表单提交的交互。通过预定义弹出层变量，可以在表单提交时方便地关闭弹出层，解决了无法在表单监听事件中获取弹出层index的问题。

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

废话不说直接上图！

下图是普通的一个弹出层

layer.open({
			type: 1,
				content:$('#aa'),
				title:'修改数据',
				skin:'layui-layer-molv',
				area: ['450px', '400px'],
				resize:false
			});

下图是普通的一个表单提交按钮的监听

form.on('submit(s)', function(data){
				  console.log(); 
				  
				});

注:由于需要在点击提交的时候关闭弹出层，但是弹出层的index值，没法在表单监听里获取到，所以使用下图这种方法。

var index1 = layer.open({//将弹出层声明一下
							type: 1,
							content:$('#aa'),
							title:'修改数据',
							skin:'layui-layer-molv',
							area: ['450px', '400px'],
							resize:false
						});


form.on('submit(s)',function(data){//将声明的变量放到close中实现关闭
						  layer.close(index1);//关闭弹出层
						});