我们在进行表单提交后，有时需要清空表单内容，这时我们可以通过如下三种方法进行。
一、刷新当前页面
这个相对来说最简单，在相应的逻辑后加上：
|
1 |
window.location.reload(); |
完成当前页面的刷新即可。
二、form的reset
此项操作要求我们的表单必须是form的dom，div的则不行，无法触发。
代码参考如下：
1、html
|
1 2 3 |
<form class="layui-form" action="" id="form_info"> 主题内容 </form> |
2、js
|
1 2 |
$("#form_info")[0].reset(); layui.form.render(); |
通过ID查找并reset表单即可。
三、form的对象赋值
如果是div形式的，不能触发reset，可以参考这样写：
1、html
|
1 |
<div class="layui-fluid layui-form" lay-filter="form_info"> |
2、js
|
1 2 3 4 5 6 7 |
form.val("form_info", { //formTest 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值 "first": "" ,"keyword1": "" ,"keyword2": "" ,"remark": "" }); layui.form.render(); |
好了，以上是清空layui表单的三种方法，如果您有更好的方法，欢迎补充。
原创文章，作者：蓝洛水深，如若转载，请注明出处：https://blog.lanluo.cn/10800
微信扫一扫 
支付宝扫一扫 
