欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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);
            }
        });
效果:

layer 手机端mobile的弹出层如何获取content的内容layer 手机端mobile的弹出层如何获取content的内容

解析:

想要实现,点击确认,获取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/