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

今天小编就为大家分享一篇layui使用button按钮 点击出现弹层 弹层中加载表单的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

1.html代码片段

<div> <button type="button" οnclick="selectRole()">选择角色</button> </div>

注意:必须添加

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

<!-- 选择角色的按钮 --> <div> <div> <form lay-filter="formTestFilter2121" > <div> <label>用户名:</label> <div> <input type="text"> </div> <label>密码:</label> <div> <input type="text"> </div> </div> <div> <label>角色:</label> <div> <input type="text"> </div> <div> <button οnclick="selectRole()">选择角色</button> </div> </div> <div> <label>备注:</label> <div> <textarea placeholder="请输入内容"></textarea> </div> </div> <div> <div> <button type="button">提交</button> </div> </div> </form> </div> </div>

以上这篇layui使用button按钮 点击出现弹层 弹层中加载表单的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/035886eb8118cacaf21c454f413fcc99.html