使用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')
  .not(':button, :submit, :reset, :hidden')
  .val('')
  .prop('checked', false)
  .prop('selected', false);

对于jQuery <1.6：

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

请看这篇文章： 使用jQuery重置多阶段表单

要么

$('#myform')[0].reset();

正如jQuery 建议的那样：

检索和修改DOM属性，如checked，selected或disabled元素形式的元素状态，使用.prop（）方法。

Answer 3

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

$('#myform')[0].reset();

如果您不需要重置表单，但用一些值填充所有输入，例如空值，那么您可以使用其他注释中的大多数解决方案。