淺談layer的iframe彈窗給里面的標(biāo)簽賦值的問題
更新時間：2016年11月10日 09:24:08 投稿：jingxian
下面小編就為大家?guī)硪黄獪\談layer的iframe彈窗給里面的標(biāo)簽賦值的問題。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
說到這一篇，真的是顛覆了我的思維。
官方文檔，沒有介紹這一部分的操作，大致上提了一下。
我的思路是把頁面的數(shù)據(jù)傳過去，在iframe彈窗的頁面拿到接收到的數(shù)據(jù)，然后賦值，但是這樣就會有個問題，
怎么傳值呢？
想到了url傳參，但是我的數(shù)據(jù)太長了，這樣不保險。
第二種動作方法去數(shù)據(jù)庫讀取，然后在傳遞，可是我實在是不想已經(jīng)有的數(shù)據(jù)還去一次數(shù)據(jù)庫，那不是浪費性能么，
然后詢問了無數(shù)群友，才有了這個方法
先上效果圖
然后上代碼
function editUser(i) { //編輯按鈕的方法
var rows = $("#userGrid").datagrid("getRows");
layer.open({
title: false,
type: 2,
closeBtn: false,
area: ['420px', '560px'],
skin: 'layui-layer-rim', //加上邊框
content: ['/Admin/ShowForm/EditUserInfo', 'no'],
success: function (layero, index) {
var body = layer.getChildFrame('body', index); //巧妙的地方在這里哦
body.contents().find("#userName").val(rows[i].UserName);
body.contents().find("#mail").val(rows[i].MailBox);
if (rows[i].Tel != "-") {
body.contents().find("#tel").val(rows[i].Tel);
}
if (rows[i].Mobile != "-") {
body.contents().find("#mobile").val(rows[i].Mobile);
}
body.contents().find("#addr").val(rows[i].Addr);
body.contents().find("#isstutas").val(rows[i].IsStatus);
}
});
}
先得到整個頁面，然后把id拿出來一個個賦值是不是很好呢！
以上就是小編為大家?guī)淼臏\談layer的iframe彈窗給里面的標(biāo)簽賦值的問題全部內(nèi)容了，希望大家多多支持腳本之家~
相關(guān)文章
這篇文章主要介紹了JS實現(xiàn)的自定義map方法,結(jié)合實例形式分析了javascript自定義map相關(guān)的json數(shù)組定義、遍歷、添加、刪除、讀取等相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
一個非常全面的javascript URL解析函數(shù)和分段URL解析方法
本文詳細介紹了一個非常全面的javascript URL解析函數(shù)，可以解析一個URL中的協(xié)議、主機、查詢字符串甚至錨鏈接，非常實用，一并總結(jié)了js自帶的分段URL解析方法,需要的朋友可以參考下2014-04-04
JavaScript使用canvas實現(xiàn)錨點摳圖功能
在日常的圖片處理中,我們經(jīng)常會遇到需要摳圖的情況,無論是為了美化照片、制作海報,還是進行圖片合成,摳圖對于我們來說也是一種很常用的功能了,今天就讓我們一起來看下怎么使用canvas來實現(xiàn)一個錨點摳圖功能2024-03-03
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)滑塊驗證案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
這篇文章主要給大家介紹了關(guān)于JavaScript中引用vs復(fù)制的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12
詳解webpack與SPA實踐之開發(fā)環(huán)境搭建
這篇文章主要介紹了詳解webpack與SPA實踐之開發(fā)環(huán)境搭建,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-12-12
這篇文章主要介紹了原生JS實現(xiàn)列表內(nèi)容自動向上滾動效果，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05
這篇文章主要介紹了JS如何把字符串轉(zhuǎn)換成json,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-02-02
javascript, jquery的事件中都存在事件冒泡和事件捕獲的問題，針對這兩個問題，本文給出詳細的解決方法，需要的朋友不要錯過2014-05-05
js奇偶數(shù)判斷的代碼...2007-05-05