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


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

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


分享名称:layui如何使用button按钮实现点击出现弹层、弹层中加载表单
文章源于:http://kswjz.com/article/igcico.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流