解决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-09-09
本文主要介绍了js下划线和驼峰互相转换的实现，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
递归是算法中一个重要的解法,因此,有必要单拎出来讲讲,所以下面这篇文章主要给大家介绍了关于JavaScript递归经典案例题的相关资料,需要的朋友可以参考下2021-07-07
javascript数组对象常用api函数小结(连接,插入,删除,反转,排序等)
这篇文章主要介绍了javascript数组对象常用api函数,结合实例形式总结分析了javascript针对数组的连接、删除、反转、排序、插入等操作相关函数用法,需要的朋友可以参考下2016-09-09
本文主要介绍了uniapp实现附近商家定位的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-08-08
在JavaScript中使用inline函数的问题...2007-03-03
这篇文章给大家分享了java线程中断的办法以及相关知识点内容，有需要的朋友们可以学习参考下。2018-07-07
这篇文章主要介绍了一个判断js数据类型的函数，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-05-05
滑轮滚动页面的事件在网页特效中进场遇到，下面通过示例为大家介绍下原生JS绑定滑轮滚动事件并兼容浏览器2014-06-06
下面小编就为大家带来一篇JavaScript+CSS相册特效实例代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-09-09
最新评论