学无先后,达者为师

网站首页 编程语言 正文

layui弹窗编辑表单清空

作者:傻的太坏 更新时间: 2024-03-03 编程语言

我们的表格数据新增和编辑弹窗为共用,打开编辑后,再次打开新增弹窗,清空之前的内容,这时我们可以通过如下三种方法进行。

一、刷新当前页面
在相应的逻辑后添加,完成当前页面的刷新即可。

window.location.reload();

二、form的reset
表单必须是form的dom,div的则不行,无法触发
通过ID查找并reset表单即可。

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

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

三、form的对象赋值
如果是div形式的,不能触发reset,可以参考这样写:

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

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

原文链接:https://blog.csdn.net/weixin_38897313/article/details/130269407

  • 上一篇:没有了
  • 下一篇:没有了
栏目分类
最近更新