layui中弹出iframe层时将弹出层的保存按钮绑定为iframe中表单的提交按钮的方法

 弹出层提交表单的js

layer
			.open({
				type : 2,
				title : '添加权限',
				area : [ '500px', '450px' ],
				offset : '160px',
				shadeClose : true, // 点击遮罩关闭
				btn : ['保存','取消'],
				content : 'permission_add.html',
				success : function(layero, index) { // 成功弹出后回调
					
				},
				yes : function(index, layero) { // 保存按钮回调函数
                                    // 获取iframe层的body
				    var body = layer.getChildFrame('body', index);
                                    // 找到隐藏的提交按钮模拟点击提交
				    body.find('#permissionSubmit').click();
				},
				btn2 : function(index, layero) { // 取消按钮回调函数
					layer.close(index); // 关闭弹出层
				}
			});

弹出层表单中隐藏的提交按钮代码

iframe页面js内容

我们只需要在保存按钮的回调函数中获取到iframe页面的隐藏的提交按钮然后使用click()事件就可以提交弹出iframe层的表单了，表单验证和表单提交都在iframe页面的js中，iframe页面的js中需要注意的是弹窗操作需要操作父页面的layer来进行