划红框的部分是主要部分,进行参数的传递。
父页面:
<!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框。
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!