layer.open父页面传参到子页面

沃梦达教程前端开发

2022-10-05

划红框的部分是主要部分，进行参数的传递。父页面： !DOCTYPE htmlhtml lang="en" xmlns:th="http://www.thymeleaf.org"head/headbodyinput type="text" name="projectno" autocomplete="off"id="projectno" placeholder="项目编号" class="layui-input"input type="text" name="requestid" autocomplete

划红框的部分是主要部分，进行参数的传递。
父页面：

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
</head>
<body>
	<input type="text" name="projectno" autocomplete="off"id="projectno" placeholder="项目编号" class="layui-input">
	<input type="text" name="requestid" autocomplete="off"placeholder="经责项目立项表requestid" class="layui-input" id="requestid">
<script>
let earequestid = $('#requestid').val();
let eaprojectno = $('#projectno').val();	//获取input框中的值

layer.open({
      type: 2,
      title: title,
      shade: 0.1,
      area: ['500px', '500px'],
      content: openFormWord,
      success: function (layero, index) {
            var body = layer.getChildFrame('body', index);
            //'layer.getChildFrame()'方法为Layui内置方法。
            //当你试图在当前页获取iframe页的DOM元素时，你可以用此方法（在当前页获取iframe页的DOM元素）
			body.find('form').find('#economicApprovalRequestid').val(earequestid);
			//'#economicApprovalRequestid',这个参数是写的子页面的input框的id值;
			//后面的.val(earequestid)是获取父页面（也就是这个页面）的值后,进行赋值给子页面id为'economicApprovalRequestid'的input框。
            body.find('form').find('#projectNum').val(eaprojectno);
      }
});
</script>
</body>
</html>

主要点：
layer.getChildFrame()方法：为Layui内置方法。在当前页获取iframe页的DOM元素
body.find(‘form’).find(’#economicApprovalRequestid’).val(earequestid)：’#economicApprovalRequestid’，这个参数是写的子页面的input框的id值；后面的.val(earequestid)是获取父页面（也就是这个页面）的值后,进行赋值给子页面id为’economicApprovalRequestid’的input框。

layui