layui如何使用button按钮实现点击出现弹层、弹层中加载表单-营山大橙子建站

新闻中心

这里有您想知道的互联网营销解决方案

layui如何使用button按钮实现点击出现弹层、弹层中加载表单

小编给大家分享一下layui如何使用button按钮实现点击出现弹层、弹层中加载表单，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！

我们提供的服务有：网站建设、网站制作、微信公众号开发、网站优化、网站认证、诏安ssl等。为上千企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务，是有科学管理、有技术的诏安网站制作公司

1.html代码片段


         选择角色

注意：必须添加

type="button"属性否则将会有问题

2.onclick函数

//选择角色弹层
 function selectRole(){
 layer.open({
     //layer提供了5种层类型。可传入的值有：0（信息框，默认）1（页面层）2（iframe层）3（加载层）4（tips层）
      type:1,
      title:"查找用户角色",
      area: ['50%','50%'],
      content:$("#popSearchRoleTest").html()
    });
 }

3.弹出层内容

密码：

角色：

选择角色

新闻中心

其他资讯