這篇文章給大家分享的是有關(guān)layui彈出層怎么傳值的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

站在用戶的角度思考問題，與客戶深入溝通，找到新華網(wǎng)站設(shè)計與新華網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗，讓設(shè)計與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：做網(wǎng)站、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣、空間域名、網(wǎng)絡(luò)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋新華地區(qū)。

layui彈出層傳值的實現(xiàn)方法：1、從主窗口傳值到彈出層；2、從彈出層傳值到主窗口；3、通過session互傳；4、通過調(diào)用父窗口的函數(shù)從而獲取到父窗口的值。

主要有兩部分

• 從主窗口傳值到彈出層

• 從彈出層傳值到主窗口

• 通過session互傳

• 通過調(diào)用父窗口的函數(shù)從而獲取到父窗口的值（相反也是可以的）

1、從主窗口傳值到彈出層

首先是js

changefileone函數(shù)時按鈕綁定事件，按鈕點擊后調(diào)用這個函數(shù)然后彈出彈出層，加載changefile.html界面

然后success提前加載changefile的form數(shù)據(jù)（從主窗口傳值到彈出層）

//bootstraptable的修改,點擊按鈕的時候自動選中該行，因此可以獲取到整行的值
function changefileone() {
    var rowselect = $("#menuTable").bootstrapTable('getSelections');   //取得當(dāng)前選定的selectItem對象,其中包括整行值
    console.log(rowselect);
    layer.open({
        title: "修改文件屬性",
        type: 2,
        content: "changefile.html",
        area: ['50%', '70%'],
        skin: "layui-layer-molv",
        btn: ['確定', '關(guān)閉'],
        success: function (layero, index) {    //成功獲得加載changefile.html時，預(yù)先加載，將值從父窗口傳到 子窗口
            //// console.log(obj.data.editAble);
            let body = layer.getChildFrame('body', index);
            //console.log(rowselect[0].filename);
            body.find(".filename").val(rowselect[0].filename);   //通過class名進(jìn)行獲取數(shù)據(jù)
            body.find(".filepath").val(rowselect[0].path);//意思是將rowselect[0].path這個值傳遞到子窗口的class="filepath"這個的文本框中，（預(yù)先加載）
            //body.find(".menuid").val(rowselect[0].previousid);
            layui.form.render();
        },
        yes: function (index, layero) {         //按了彈出層的確定按鈕時，這是將在父窗口中獲取子窗口form標(biāo)簽里的所有值，并根據(jù)name名和值形成鍵值對json對象
            //console.log(layero);
            ////layer.alert('來到這里了'+index);
            let body = layer.getChildFrame("body", index);
            let data = {};
            body.find("#changefileform").serializeArray().forEach(function (item) {    //獲取彈出層寫下的數(shù)據(jù)，input，下拉框啊，之類的表單元素（即changefileform下的所有數(shù)據(jù)）
                data[item.name] = item.value;   //根據(jù)表單元素的name屬性來獲取數(shù)據(jù)
            });
            data["fileid"] = rowselect[0].fileid;
            //if (data["previousid"] == "" || data["previousid"] == null)
            //    data["previousid"] = rowselect[0].previousid;
            console.log(data);
            $.post('/api/dofile', data, function (result) {
                if (result == "success") {
                    layer.alert("修改文件屬性成功");
                }
                setTimeout(function () {
                    layer.close(index);
                    parent.location.reload();
                }, 600);
            });
            layer.close(index);
            resetSearch();
        }
    });
    
}

點擊按鈕后，提前加載

然后是html界面,script里面是用來下拉框加載數(shù)據(jù)庫數(shù)據(jù)的，可以刪掉

    
    
    
    
    
    
        $(document).ready(function () {
            var selectvalue = ""; //定義這個用來存放選擇的value
            layui.use('form', function () {
                var form = layui.form;
                $.get("/api/choosemenu", function (data) {
                    for (var j in data.rows) {
                        //alert(data.rows[j].Name);
                        $("#menuname").append("" + data.rows[j].Name + "");
                    }
                    form.render();
                    form.on('select', function (data) {
                        //alert(data.value);
                        //console.log(data.value);
                        selectvalue = data.value;
                        console.log(selectvalue);
                    });
                })
            })
        })
    


    
        
        
            文件名