解決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)篩選功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
這篇文章主要介紹了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選項卡,添加,關閉的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
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提供了一個內(nèi)部數(shù)據(jù)結(jié)構，用來描述對象的屬性，控制它的行為，比如該屬性是否可寫、可遍歷等等。這個內(nèi)部數(shù)據(jù)結(jié)構稱為“屬性描述對象”。本文主要帶大家了解一下JavaScript中你必須了解的屬性描述對象，需要的可以參考一下2022-12-12
在localStorage中存儲對象數(shù)組并讀取的方法
頻繁ajax請求導致頁面響應變慢，所以考慮將數(shù)據(jù)存儲在window.storage中，這樣只需請求一次ajax，接下來通過本文給大家介紹了在localStorage中存儲對象數(shù)組并讀取的方法,需要的朋友可以參考下2016-09-09
下面小編就為大家分享一篇js點擊時關閉該范圍下拉菜單之外的菜單方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
這篇文章主要介紹了如何利用JavaScript實現(xiàn)游戲購物車效果，文中的實現(xiàn)代碼講解詳細，對我們學習JavaScript有一定幫助，需要的可以參考一下2022-03-03