LayUI重置表单，清空表单内容的三种方法

蓝洛水深 • 2022年3月28日下午3:46 • 网站, 软件 • 阅读 11425

我们在进行表单提交后，有时需要清空表单内容，这时我们可以通过如下三种方法进行。

一、刷新当前页面

这个相对来说最简单，在相应的逻辑后加上：

window.location.reload();

1	window.location.reload();

完成当前页面的刷新即可。

二、form的reset

此项操作要求我们的表单必须是form的dom，div的则不行，无法触发。

代码参考如下：

1、html

<form class="layui-form" action="" id="form_info">
 主题内容
</form>

主题内容

</form>

2、js

$("#form_info")[0].reset();
layui.form.render();

1 2	$("#form_info")[0].reset(); layui.form.render();

通过ID查找并reset表单即可。

三、form的对象赋值

如果是div形式的，不能触发reset，可以参考这样写：

1、html

<div class="layui-fluid layui-form" lay-filter="form_info">

1	<div class="layui-fluid layui-form" lay-filter="form_info">

2、js

form.val("form_info", { //formTest 即 class="layui-form" 所在元素属性 lay-filter="" 对应的值
              "first": "" 
              ,"keyword1": ""
              ,"keyword2": ""
              ,"remark": ""
            });
            layui.form.render();