layui弹出层显示指定的div

        不多说直接上干货:

1、layui写法:

 layer.open({
                content: $("#type-content")
                ,btn: ['确定', '取消']
                ,yes: function(index, layero){
                    //按钮【按钮一】的回调
                    alert(1);
                }
                ,btn2: function(index, layero){
                    //按钮【按钮二】的回调
                    alert(2);
                    //return false 开启该代码可禁止点击该按钮关闭
                }
                ,cancel: function(){
                    //右上角关闭回调

                    //return false 开启该代码可禁止点击该按钮关闭
                }
            });

2、html写法

    <div id="type-content">
        123
    </div>

 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
layui中,可以使用弹出来创建表单并进行提交。以下是一个示例代码: ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Layui弹出表单提交</title> <link rel="stylesheet" href="https://cdn.staticfile.org/layui/2.5.6/css/layui.min.css"> </head> <body> <button class="layui-btn" onclick="openForm()">打开表单</button> <!-- 表单弹出 --> <script src="https://cdn.staticfile.org/layui/2.5.6/layui.min.js"></script> <script> layui.use('layer', function(){ var layer = layui.layer; function openForm() { layer.open({ type: 1, title: '表单提交', area: ['500px', '300px'], content: ` <form class="layui-form" lay-filter="myForm"> <div class="layui-form-item"> <label class="layui-form-label">姓名</label> <div class="layui-input-block"> <input type="text" name="username" required lay-verify="required" placeholder="请输入姓名" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <div class="layui-input-block"> <button class="layui-btn" lay-submit lay-filter="formSubmit">提交</button> </div> </div> </form> `, success: function(layero, index){ var form = layui.form; // 表单提交监听 form.on('submit(formSubmit)', function(data){ console.log(data.field); // 可以在这里进行提交表单数据的操作 layer.close(index); // 关闭弹出 return false; // 阻止表单默认提交 }); } }); } }); </script> </body> </html> ``` 在上述代码中,点击"打开表单"按钮后,会弹出一个包含姓名输入框和提交按钮的弹出。当点击提交按钮时,会触发表单提交监听函数,你可以在该函数中进行表单数据的处理和提交操作。同时,弹出会被关闭。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值