layer 手机端mobile的弹出层如何获取content的内容
程序员文章站
2022-05-06 09:29:01
...
实现代码:
layer.open({
title: [
'添加标签',
'background-color:#1b8cec; color:#fff;'
]
,anim: 'up'
,content: '<input type="text" id="labelmess">'
,btn: ['确认', '取消']
,yes: function(index){
console.log($('#labelmess').val());
layer.close(index);
}
});
效果:解析:
想要实现,点击确认,获取input文本框输入的值
,content: '<input type="text" id="labelmess">'——看成一个页面层,所以,只需要在input上加id,利用js的方法获取value值即可
必须加上id,不能直接通过查找tagName的方法获取(暂时没有找到其他方法)
如果你想自定义content,可以直接写成:content:'$(".你的定义类")'
参数说明
即核心接口:layer.open(options) 中的options:
type - 设置弹层的类型
类型:Number
默认:0 (0表示信息框,1表示页面层,2表示加载层)
content - 设置弹层内容
类型:String
必选参数
title - 设置弹层标题
类型:String或Array
默认:空,值可以为字符串或者数组。,为空则不显示
yes
类型:Function
点确定按钮触发的回调函数,返回一个参数为当前层的索引
更多参数查阅官方文档:http://layer.layui.com/mobile/
上一篇: SingalR通过控制台实现跨域,实现多台服务器信息共享通讯
下一篇: C语言大作业图书管理系统