layer父頁獲取彈出層輸入框里面的值方法
更新時間：2019年09月02日 10:30:13 作者：媳婦兒郭嘉
今天小編就為大家分享一篇layer父頁獲取彈出層輸入框里面的值方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
主要是因為修改功能，原來頁面填寫數據如圖
改為
其中點擊填寫明細彈出框
填寫完畢后點擊確認返回，同事這里因為她是存的多表，所以點擊確認就直接保存數據了，改的這個功能原本保存是整體保存，我就不想改原來的邏輯，只想把填寫的值帶回去用隱藏控件存一下，到時候按照原來的邏輯整體存，所以沒辦法參考她的，最后搜索很多，解決了問題，具體代碼如下：
父頁面：
<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>區(qū)級資金(元)</td> <td> <input id="DisAmount" class="form-control" onkeyup="value=value.replace(/[^\d.]/g,'')" name="DisAmount" type="text" /> </td></tr> <tr><td>街鎮(zhèn)配套(元)</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父頁獲取彈出層輸入框里面的值方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
下面小編就為大家?guī)硪黄猨s時間戳和c#時間戳互轉方法(推薦)。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
關于javascript中限定時間內防止按鈕重復點擊的思路詳解
下面小編就為大家?guī)硪黄P于javascript中限定時間內防止按鈕重復點擊的思路詳解。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
因為最近要控制廣告，所以從綠盟與腳本之家頁面上，整理了一些cookies的操作控制代碼，喜歡的朋友不容錯過。2010-04-04
MVVM 是 Web 前端一種非常流行的開發(fā)模式，利用 MVVM 可以使我們的代碼更專注于處理業(yè)務邏輯而不是去關心DOM 操作。接下來通過本文給大家介紹JavaScript使用數據綁定實現一個簡單的 MVVM 庫，感興趣的朋友一起學習吧2016-04-04
這篇文章主要介紹了12306 刷票腳本及穩(wěn)固刷票腳本的相關資料,刷票軟件很多，用來刷票的軟件經常會出現崩潰，而不能繼續(xù)刷票，需要的朋友可以參考下2017-01-01
點擊一個按鈕要實現按F11全屏的效果。 在HTML5中,W3C制定了關于全屏的API，就可以實現全屏幕的效果2014-05-05
這篇文章主要介紹了微信小程序通過js實現瀑布流布局詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-08-08
本篇文章主要是對js模擬hashtable的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-03-03
Javascript是一門基于對象的動態(tài)語言，也就是說，所有東西都是對象，一個很典型的例子就是函數也被視為普通的對象。2009-07-07
輕松實現HTML和JS之間的轉化的代碼...2007-09-09