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

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

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


当前回答

添加隐藏复位按钮如下

<input id="resetBtn" type="reset" value="reset" style="display:none" />
// Call reset buttons click event
// Similar to ClearInputs('resetBtn');
function ClearInputs(btnSelector) {
     var btn = $("#" + btnSelector);
     btn.click();
}

其他回答

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

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

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

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

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

为什么不使用document.getElementById("myId").reset();? 这是简单而漂亮的

$('#editPOIForm').each(function(){ 
    this.reset();
});

其中editPOIForm是表单的id属性。