layui本页弹框页面

最新推荐文章于 2023-04-23 16:35:45 发布

原创最新推荐文章于 2023-04-23 16:35:45 发布 · 255 阅读

0 ·

CC 4.0 BY-SA版权

layui 专栏收录该内容

34 篇文章

订阅专栏

本文介绍了一个使用layui框架实现的弹窗功能，用于新增地址信息。通过点击按钮触发弹窗，显示包含省份选择的表单，展示了layui的layer模块使用方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<button class="send_btn" onclick="btn()">新增地址</button>

<div class="table" id="table"  style="display: none">
    <div class="gy_table1">
        <form action="">
            <ul class="ul1">
                <li>
                    <span class="red">*</span>省
                    <select id="province">
                        <option>请选择省份</option>
                    </select>
                </li> 
            </ul>
        </form> 
    </div> 
</div>

<script>
    function btn() {
        layui.use('layer', function(){
            var layer = layui.layer;
            layer.open({
                title:"筛选条件",
                type: 1,
                area: ['650px', '480px'],
                content: $("#table"),
                shadeClose:true,
                move : false, //拖拽模式
                shade: 0.4
            });
        });
    }


</script>