重置只是清空表单内容吗?涉及重新查找吗

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了重置只是清空表单内容吗?涉及重新查找吗相关的知识,希望对你有一定的参考价值。

重置:将表单里恢复成默认值,如果没设默认值就是清空
查找:根据表单内容查询数据,如果用的是根据表单内容变动自动查询,重置后会重新查询一遍。如果是那种点击按钮之后才查询的,就没什么关系了。
参考技术A 最简单的就是你把history.back(-1),改成你当前页的地址,叫他跳转,不是返回

使用jquery实现的清空表单元素代码实例

使用jquery实现的清空表单元素代码实例:
如果表单的元素较多的话,如果想情况以前填写的内容可能有点耗费体力,不够人性化,下面就介绍一下如何利用jquery代码实现快捷清除表单元素内容的功能,先看一段代码实例:

$(‘#theform‘)[0].reset();

很朋友可能认为上面的代码就完全实现我们的要求,其实这是错误的,reset()函数是重置的意思,也就是将表单元素的值重置为默认值而不是清空,如下面的文本框:

<input type="text" value="蚂蚁部落"/>

上面的文本框中的值会被重置为"蚂蚁部落",而不是清空,所以代码修改如下:

$(‘:input‘,‘#theform‘)
.not(‘:button,:submit,:reset,:hidden‘) 
.val(‘‘) 
.removeAttr(‘checked‘) 
.removeAttr(‘selected‘);

上面的代码就是实现了我们的要求,代码非常的简单,这里不多介绍,可以参阅相关阅读。
相关阅读:
1.not()函数可以参阅jQuery的not()方法一章节。
2.removeAttr()函数可以参阅jQuery的removeAttr()方法一章节。
3.val()函数可以参阅jQuery的val()方法一章节。 

原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=15272

更多内容可以参阅:http://www.softwhy.com/jquery/

以上是关于重置只是清空表单内容吗?涉及重新查找吗的主要内容,如果未能解决你的问题,请参考以下文章

vue清空表单数据后显示所有列表内容

使用jquery实现的清空表单元素代码实例

form resetFields没有清空的原因

使用jQuery清空表单

如何清空form表单里面的所有数据

elementui form 表单数据不置空问题