layer父页获取弹出层输入框里面的值方法
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了layer父页获取弹出层输入框里面的值方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3905字，纯文字阅读大概需要6分钟。
内容图文
主要是因为修改功能，原来页面填写数据如图
改为
其中点击填写明细弹出框
填写完毕后点击确认返回，同事这里因为她是存的多表，所以点击确认就直接保存数据了，改的这个功能原本保存是整体保存，我就不想改原来的逻辑，只想把填写的值带回去用隐藏控件存一下，到时候按照原来的逻辑整体存，所以没办法参考她的，最后搜索很多，解决了问题，具体代码如下：
父页面：
<div class="row"> <div class="col-md-6"> <div class="form-group PadTB10"> <label class="LabelW150"> 经费来源总计(元)</label> <input type="text" readonly="readonly" class="form-control" id="AmountSum" name="AmountSum" onkeyup="value=value.replace(/[^\d.]/g,'')" placeholder="填写来源明细" value="@pro.AmountSum"/> <input type="button" value="填写来源明细" onclick="ShowAmountDetail()" /> <input type="hidden" name="CenterAmount" id="CenterAmount" value="@pro.CenterAmount" /> <input type="hidden" name="CityAmount" id="CityAmount" value="@pro.CityAmount" /> <input type="hidden" name="DisAmount" id="DisAmount" value="@pro.DisAmount" /> <input type="hidden" name="StreetAmount" id="StreetAmount" value="@pro.StreetAmount" /> <input type="hidden" name="OtherAmount" id="OtherAmount" value="@pro.OtherAmount" /> </div> </div> </div>
js：
//弹出经费来源明细
function ShowAmountDetail() {
var index = layer.open({
type: 2,
title: '填写经费明细',
shadeClose: false,
skin: 'layui-layer-rim',
area: ['50%', '50%'],
maxmin: true,
content: '/Project/AmountDetail?ProjectCode=' + "@ProjectCode",
btn: ['确定', '关闭'],
yes: function (index, layero) {
debugger;
var body = layer.getChildFrame('body', index); //得到iframe页的body内容
var CenterAmount = body.find("#CenterAmount").val();
var CityAmount = body.find("#CityAmount").val();
var DisAmount = body.find("#DisAmount").val();
var StreetAmount = body.find("#StreetAmount").val();
var OtherAmount = body.find("#OtherAmount").val();
if (CenterAmount == null || CenterAmount == "") CenterAmount = 0;
if (CityAmount == null || CityAmount == "") CityAmount = 0;
if (DisAmount == null || DisAmount == "") DisAmount = 0;
if (StreetAmount == null || StreetAmount == "") StreetAmount = 0;
if (OtherAmount == null || OtherAmount == "") OtherAmount = 0;
sum = Number(CenterAmount) + Number(CityAmount) + Number(DisAmount)
+ Number(StreetAmount) + Number(OtherAmount);
document.getElementById("CenterAmount").value = CenterAmount;
document.getElementById("CityAmount").value = CityAmount;
document.getElementById("DisAmount").value = DisAmount;
document.getElementById("StreetAmount").value = StreetAmount;
document.getElementById("OtherAmount").value = OtherAmount;
document.getElementById("AmountSum").value = sum;
//最后关闭弹出层
layer.close(index);
},
cancel: function () {
//右上角关闭回调
}
});
// layer.full(index);
}
子页面：
<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width" /> <title>AmountDetail</title> </head> <body> <div> <table class="table table-bordered "> <tr><td rowspan="5" style="text-align: center; vertical-align: middle;">经济来源明细</td><td>中央拨款(元)</td> <td> <input id="CenterAmount" class="form-control" onkeyup="value=value.replace(/[^\d.]/g,'')" name="CenterAmount" type="text" /> </td></tr> <tr><td>市级专款(元)</td> <td> <input id="CityAmount" class="form-control" onkeyup="value=value.replace(/[^\d.]/g,'')" name="CityAmount" type="text" /> </td></tr> <tr><td>区级资金(元)</td> <td> <input id="DisAmount" class="form-control" onkeyup="value=value.replace(/[^\d.]/g,'')" name="DisAmount" type="text" /> </td></tr> <tr><td>街镇配套(元)</td> <td> <input id="StreetAmount" class="form-control" onkeyup="value=value.replace(/[^\d.]/g,'')" name="StreetAmount" type="text" "/> </td></tr> <tr><td>其他(元)</td> <td> <input id="OtherAmount" class="form-control" onkeyup="value=value.replace(/[^\d.]/g,'')" name="OtherAmount" type="text" /> </td></tr> </table> </div> </body> </html>
以上这篇layer父页获取弹出层输入框里面的值方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
内容总结
以上是互联网集市为您收集整理的layer父页获取弹出层输入框里面的值方法全部内容，希望文章能够帮你解决layer父页获取弹出层输入框里面的值方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】