解决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弹出页面时，将页面内容设入content属性中，有时候直接将页面的元素放进来，比如$("xxx").html().
容易掉进坑的地方来了，这样设置实质是layer将你的页面html复制出来一份，新生成的弹出框已经不是你原来写的了
所以，如果你给input起了个id并用id获取input的值，实质上获取的是原本页面的input的值（第一个input），不是layer生成的页面的input（第二个input），而你输入的地方是layer生成的input（第二个），所以只能获得input默认自带的值而获取不到刚输入的值。
解决办法：
给input起个class，不要id，获取input的值得时候要用$(".xxx").eq(1).val(),获取生成的第二个input的值，你会发现成功可以获取了
console.log($(".reasonContent2").eq(1).val())
以上这篇解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
这篇文章主要为大家详细介绍了js实现筛选功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-11-11
这篇文章主要介绍了JS实现简单的二维矩阵乘积运算方法,涉及JavaScript基于数组操作实现矩阵运算的功能,需要的朋友可以参考下2016-01-01
这篇文章主要介绍了javascript数组中的map方法和filter方法,文章内容介绍详细，具有一定的参考价值，需要的小伙伴可以参考一下，希望对你的学习有所帮助2022-03-03
今天小编就为大家分享一篇layerui代码控制tab选项卡,添加,关闭的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
js关闭当前页面(窗口)的几种方式总结，需要的朋友可以参考一下2013-03-03
javascript中call,apply,callee,caller用法实例分析
这篇文章主要介绍了javascript中call,apply,callee,caller用法,结合实例形式分析了javascript中call,apply,callee,caller功能、使用方法及相关操作注意事项,需要的朋友可以参考下2019-07-07
JavaScript提供了一个内部数据结构，用来描述对象的属性，控制它的行为，比如该属性是否可写、可遍历等等。这个内部数据结构称为“属性描述对象”。本文主要带大家了解一下JavaScript中你必须了解的属性描述对象，需要的可以参考一下2022-12-12
频繁ajax请求导致页面响应变慢，所以考虑将数据存储在window.storage中，这样只需请求一次ajax，接下来通过本文给大家介绍了在localStorage中存储对象数组并读取的方法,需要的朋友可以参考下2016-09-09
下面小编就为大家分享一篇js点击时关闭该范围下拉菜单之外的菜单方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
这篇文章主要介绍了如何利用JavaScript实现游戏购物车效果，文中的实现代码讲解详细，对我们学习JavaScript有一定帮助，需要的可以参考一下2022-03-03
最新评论