使用jQuery清除表单字段

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

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

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

当前回答

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

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

其他回答

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

你们中的一些人抱怨无线电和诸如此类的默认“已检查”状态被清除…你所要做的就是将:radio，:复选框选择器添加到.not中，问题就解决了。

如果你不能让所有其他重置函数工作，这个可以。

改编自ngen的回答函数form_reset (formID) { $(':输入',' # ' + formID) 另(‘:按钮’,‘:提交’,”:重置”,“:隐藏”,“:广播”,“:复选框”) .val ("); ｝

下面的代码清除所有表单，它的字段将为空。如果页面有多个表单，而您只想清除特定的表单，请注明表单的id或类

$("body").find('form').find('input,  textarea').val('');

使用Javascript，您可以简单地使用以下语法getElementById("your-form-id").reset();

你也可以通过调用重置函数来使用jquery $('#your-form-id')[0].reset();

记得不要忘记[0]。如果，您将得到以下错误

TypeError: $(…)。重置不是一个函数

JQuery还提供了一个可以使用的事件

$ (' # form_id ') .trigger(“重置”);

我试过了，成功了。

注意:需要注意的是，这些方法只会将表单重置为服务器在页面加载时设置的初始值。这意味着如果你的输入在你做随机改变之前被设置为值“set value”，那么在reset方法被调用后，该字段将被重置为相同的值。

希望能有所帮助

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

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

推荐文章