layui如何使用button按钮实现点击出现弹层、弹层中加载表单-创新互联-古蔺大橙子建站

新闻中心

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

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

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

成都创新互联是网站建设专家,致力于互联网品牌建设与网络营销，专业领域包括成都网站设计、成都网站建设、电商网站制作开发、微信小程序开发、微信营销、系统平台开发，与其他网站设计及系统开发公司不同，我们的整合解决方案结合了恒基网络品牌建设经验和互联网整合营销的理念，并将策略和执行紧密结合，且不断评估并优化我们的方案，为客户提供全方位的互联网品牌整合方案！

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.弹出层内容

密码：

角色：

选择角色

新闻中心

其他资讯