使用jQuery清除表单字段

Question

使用jQuery清除表单字段

我想清除表单中的所有输入和textarea字段。当使用类的输入按钮时，它的工作方式如下reset：

$(".reset").bind("click", function() {
  $("input[type=text], textarea").val("");});

这将清除页面上的所有字段，而不仅仅是表单中的字段。我的选择器如何只是实际重置按钮所在的形式？

Answer 1

$(".reset").click(function() {     $(this).closest('form').find("input[type=text], textarea").val("");});

Answer 2

对于jQuery 1.6+：$(':input','#myform') &nbsp;&nbsp;.not(':button,&nbsp;:submit,&nbsp;:reset,&nbsp;:hidden') &nbsp;&nbsp;.val('') &nbsp;&nbsp;.prop('checked',&nbsp;false) &nbsp;&nbsp;.prop('selected',&nbsp;false);对于jQuery <1.6：$(':input','#myform') &nbsp;&nbsp;.not(':button,&nbsp;:submit,&nbsp;:reset,&nbsp;:hidden') &nbsp;&nbsp;.val('') &nbsp;&nbsp;.removeAttr('checked') &nbsp;&nbsp;.removeAttr('selected');请看这篇文章：&nbsp;使用jQuery重置多阶段表单要么$('#myform')[0].reset();正如jQuery&nbsp;建议的那样：检索和修改DOM属性，如checked，selected或disabled元素形式的元素状态，使用.prop（）方法。

Answer 3

如果你使用选择器并使值为空值，它不会重置表单，它会使所有字段为空。重置是在从服务器端加载表单之后，从用户执行任何编辑操作之前的格式。如果存在名称为“username”的输入并且该用户名是从服务器端预填充的，则此页面上的大多数解决方案将从输入中删除该值，而不是将其重置为用户更改之前的值。如果您需要重置表单，请使用以下命令：$('#myform')[0].reset();如果您不需要重置表单，但用一些值填充所有输入，例如空值，那么您可以使用其他注释中的大多数解决方案。