解決layer 關閉當前彈窗關閉遮罩層 input值獲取不到的問題

更新時間：2019年09月25日 09:27:22 作者：jingge_nihao

今天小編就為大家分享一篇解決layer 關閉當前彈窗關閉遮罩層 input值獲取不到的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧

彈出某個層時需要給層取名（賦值）

var = ggLayer = layer.open({
        type: 1,
        content: $('.choose-gg').html(),
        anim: 'up',
        style: 'position:fixed; bottom:0; left:0; width: 100%; height: auto; padding:10px 0; border:none;'
       });

layer.closeAll(); 關閉遮罩層

layer.close(ggLayer);關閉彈窗

使用layer.open彈出頁面時，將頁面內(nèi)容設入content屬性中，有時候直接將頁面的元素放進來，比如$("xxx").html().

容易掉進坑的地方來了，這樣設置實質(zhì)是layer將你的頁面html復制出來一份，新生成的彈出框已經(jīng)不是你原來寫的了

所以，如果你給input起了個id并用id獲取input的值，實質(zhì)上獲取的是原本頁面的input的值（第一個input），不是layer生成的頁面的input（第二個input），而你輸入的地方是layer生成的input（第二個），所以只能獲得input默認自帶的值而獲取不到剛輸入的值。

解決辦法：

給input起個class，不要id，獲取input的值得時候要用$(".xxx").eq(1).val(),獲取生成的第二個input的值，你會發(fā)現(xiàn)成功可以獲取了

console.log($(".reasonContent2").eq(1).val())

以上這篇解決layer 關閉當前彈窗關閉遮罩層 input值獲取不到的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

js實現(xiàn)篩選功能
這篇文章主要為大家詳細介紹了js實現(xiàn)篩選功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-11-11
JS實現(xiàn)簡單的二維矩陣乘積運算
這篇文章主要介紹了JS實現(xiàn)簡單的二維矩陣乘積運算方法,涉及JavaScript基于數(shù)組操作實現(xiàn)矩陣運算的功能,需要的朋友可以參考下
2016-01-01
javascript數(shù)組中的map方法和filter方法
這篇文章主要介紹了javascript數(shù)組中的map方法和filter方法,文章內(nèi)容介紹詳細，具有一定的參考價值，需要的小伙伴可以參考一下，希望對你的學習有所幫助
2022-03-03
layerui代碼控制tab選項卡,添加,關閉的實例
今天小編就為大家分享一篇layerui代碼控制tab選項卡,添加,關閉的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2019-09-09
js關閉當前頁面(窗口)的幾種方式總結(jié)
js關閉當前頁面(窗口)的幾種方式總結(jié)，需要的朋友可以參考一下
2013-03-03
javascript中call,apply,callee,caller用法實例分析
這篇文章主要介紹了javascript中call,apply,callee,caller用法,結(jié)合實例形式分析了javascript中call,apply,callee,caller功能、使用方法及相關操作注意事項,需要的朋友可以參考下
2019-07-07
你必須了解的JavaScript中的屬性描述對象詳解(下)
JavaScript提供了一個內(nèi)部數(shù)據(jù)結(jié)構(gòu)，用來描述對象的屬性，控制它的行為，比如該屬性是否可寫、可遍歷等等。這個內(nèi)部數(shù)據(jù)結(jié)構(gòu)稱為“屬性描述對象”。本文主要帶大家了解一下JavaScript中你必須了解的屬性描述對象，需要的可以參考一下
2022-12-12
在localStorage中存儲對象數(shù)組并讀取的方法
頻繁ajax請求導致頁面響應變慢，所以考慮將數(shù)據(jù)存儲在window.storage中，這樣只需請求一次ajax，接下來通過本文給大家介紹了在localStorage中存儲對象數(shù)組并讀取的方法,需要的朋友可以參考下
2016-09-09
js點擊時關閉該范圍下拉菜單之外的菜單方法
下面小編就為大家分享一篇js點擊時關閉該范圍下拉菜單之外的菜單方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-01-01
基于JavaScript實現(xiàn)游戲購物車效果詳解
這篇文章主要介紹了如何利用JavaScript實現(xiàn)游戲購物車效果，文中的實現(xiàn)代碼講解詳細，對我們學習JavaScript有一定幫助，需要的可以參考一下
2022-03-03