四川凉山网站制作公司

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


 
   
     
       
         用户名：
         
           
         
         密码：                              
       
                 角色：                                                    选择角色                                    备注：                                                                      提交                              

以上是“layui如何使用button按钮实现点击出现弹层、弹层中加载表单”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！


本文题目：layui如何使用button按钮实现点击出现弹层、弹层中加载表单
标题URL：http://www.kmcje.com/article/igcico.html

其他资讯