使用jQuery清除表单字段

我想清除表单中的所有输入和文本区域字段。当使用reset类的输入按钮时，它的工作原理如下:

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

这将清除页面上的所有字段，而不仅仅是表单中的字段。我的选择器看起来像什么形式的实际重置按钮生活?

当前回答

如果你想清空所有的输入框，不管它的类型是什么，那么这是一分钟的步骤

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

其他回答

最简单和最好的解决方案是- $(" #形式”)[0].reset ();

不要在这里用- $ () [0] .reset ();

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

有什么理由不应该使用它吗?

$("#form").trigger('reset');

对于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属性，例如表单元素的选中、选中或禁用状态，请使用.prop()方法。

如果你想清空所有的输入框，不管它的类型是什么，那么这是一分钟的步骤

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

推荐文章