共计 1006 个字符，预计需要花费 3 分钟才能阅读完成。
我们在进行表单提交后，有时需要清空表单内容，这时我们可以通过如下三种方法进行。
一、刷新当前页面
这个相对来说最简单，在相应的逻辑后加上：
|
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 表单的三种方法，如果您有更好的方法，欢迎补充。
正文完
