layui layer.open弹出框获取不了 input框的值
            layer.open({
                title:'添加管理员',
                type: 1,
                content: $('.add_html').html(),
                btn:['添加', '取消'],
                btnAlign:'c',
                yes:function (index, layero) {
                    console.log($('input[name=user_name]').val());
                }
            });
一句话, 把 content参数的 html() 去掉就好, 即 content: $('.add_html') !
如果用 val() 还获取不到值,尝试用 $('input[name=user_name]').attr("value") 或者 $('input[name=user_name]').prop("value") 获取,这两种获取方式要在 input框html代码 写上 value=‘ ’
<input class="layui-input" value="" type="text"> // 写上 value=''
另外, 去掉html()后,一定要加上弹窗的类型 type:1, 不然弹窗出现这种形式:

layui layer.open弹出框获取不了 input框的值的更多相关文章
- jquery3和layui冲突导,致使用layui.layer.full弹出全屏iframe窗口时高度152px问题
		
项目中使用的jquery版本是jquery-3.2.1,在使用layui弹出全屏iframe窗口时,iframe窗口顶部总是出现一个152px高的滚动窗口无法实现真正全屏,代码如下: <!DOC ...
 - jQuery layer[页面弹出框]
		
常见接口如下: 方法名 描述 $.layer({}) 核心接口,参数是一个对象,对象属性参见上述列表.诸如layer.alert()之类的为$.layer()的包装方法. layer.v 获取版本号. ...
 - 使用layer显示弹出框笔记
		
$.layer({ area : ['200px','auto'], //控制层宽高.当设置为auto时,意味着采用自适应, 当然,对于宽度,并不推荐这样做.例如:area : ['310px ...
 - jQuery、layer实现弹出层的打开、关闭功能实例详解
		
本文主要介绍了jQuery.layer实现弹出层的打开.关闭功能,需要的朋友可以参考下,希望能帮助到大家. 打开弹出层: 在list页面带入layer.js 在list页面点击时,弹出form弹出层, ...
 - 手机浏览器浏览WebApp弹出的键盘遮盖住文本框的解决办法
		
手机浏览器浏览WebApp弹出的键盘遮盖住文本框的解决办法 最近碰到Android微信内置浏览H5页面,因为其中的文本输入框(input)放置在靠近页面的中下方,点击文本框以后,则输入框会被弹出的手机 ...
 - JS中通过LayUI的layer.prompt弹出文本输入层,多个按钮回调获取输入值
		
JS中通过LayUI弹出文本输入层,多个按钮回调: 如图所示,输入文本后点击通过/不通过按钮回调获取输入文本值的实现: 实现JS: layer.prompt({ formType: 2, // 弹出文 ...
 - layer重复弹出(layui弹层同时存在多个)的解决方法
		
layer.open() 同时存在多个;解决 layui 弹层 layer 同时存在多个页面层(iframe)的问题 这个问题其实是疏忽了一些 基础参数(仔细看文档,仔细看文档,仔细看文档) 一.ty ...
 - 获取layer.open弹出层的返回值
		
正在开发的车联网项目用到了layer API.当我在开发“新建电子围栏”的时候需要弹出地图,用户在地图中画一个区域,最后将这个弹出层的数据返回给原页面.下面是我的实现过:程: 触发弹出层的代码: la ...
 - layer.js弹出框
		
HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF- ...
 
随机推荐
- 捕获错误并处理try-catch
			
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
 - 题解 [NOIP2015]运输计划
			
题解 [NOIP2015]运输计划 题面 解析 首先肯定是要求出每条路径的长度. 这个用节点到根的前缀和就行了(一开始脑抽写了个线段树...) 然后有一个显然的类似贪心的想法, 就是你改造的边肯定在最 ...
 - 后代元素 span:first-child{...}
			
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...
 - P2680 运输计划 二分+树上差分
			
又咕咕了几天\(QwQ\) 思路:二分+树上差分 提交:\(\geq5\)次 错因:\(lca\)写错+卡了很久常数(哪位大佬帮我康康,有更好的写法请指出\(QwQ\)) 题解: 我们先将原问题转化为 ...
 - 【题解】[USACO2007 OCT]Obstacle Course-C++
			
题目Description考虑一个 N x N (1 <= N <= 100)的有1个个方格组成的正方形牧场.有些方格是奶牛们不能踏上的,它们被标记为了’x’.例如下图: . . B x ...
 - Oracle 数据库SQL审计
			
在我们日常的工作中,一些安全性的要求高的数据库需要增加审计操作,哪个用户什么时间做了什么操作. 1.打开数据库的审计 alter system set audit_sys_operations=TRU ...
 - 牛客练习赛39 B.选点
			
链接:https://ac.nowcoder.com/acm/contest/368/B 来源:牛客网 题目描述 有一棵n个节点的二叉树,1为根节点,每个节点有一个值wi.现在要选出尽量多的点. 对于 ...
 - c实现队列
			
使用链表实现队列的入队和出队 #include <iostream> #include <stdio.h> #include <string.h> #include ...
 - windows下使用curl命令&&常用curl命令
			
什么是curl命令? curl是利用URL语法在命令行方式下工作的开源文件传输工具.它被广泛应用在Unix.多种Linux发行版中,并且有DOS和Win32.Win64下的移植版本. 如何在windo ...
 - cxf报错 Cannot find any registered HttpDestinationFactory from the Bus.
			
错误信息:Cannot find any registered HttpDestinationFactory from the Bus. 报错主要是因为缺少jetty依赖 一般添加如下依赖即可 < ...