单击按钮时如何清除表格？

Question

我的代码是这样的：

$('body').on('click', '#add-image', function(e) {
    $(this).find('#form-add').trigger('reset');
    // $(this).find('#form-add').clearForm();
    // $('#form-add').clearForm();
    // $('#form-add').val("");
    // ...
});

如果单击按钮，我希望清除表格

我尝试那样，但不起作用

我怎么解决这个问题？

Answer 1

使用Javascript或JQuery清除整个表单，建议您
明确清除您的每个元素。

例如，清除所有文本输入：

$('#txtbox1').val('');
$('#txtbox2').val('');
etc. etc.

另一个不建议使用的替代方法是使用reset() ：

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

但这并不100％保证清除其中的所有元素，因为某些元素可能不在您的表单范围内。

Answer 2

让我们假设您有一个带有clearAll类的按钮，调用下面的jquery函数，该函数将立即清除所有文本字段和textarea。

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

Answer 3

是的，您可以重置表格，几乎与清除表格相同。

纯JS：

document.getElementById('THE-FORM-ID').reset();

演示： https : //www.w3schools.com/jsref/tryit.asp? filename =tryjsref_form_reset

Answer 4

尝试使用empty()函数jquery

$('body').on('click', '#add-image', function(e) {
    $(this).find('#form-add').trigger('reset');
     $(this).find('#form-add').find('input,textarea').empty()
});

Answer 5

您可以像这样清除所有取消删除该form的文本：

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