使用jQuery清除表单字段

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

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

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

当前回答

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

其他回答

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

$('form[name="myform"]')[0].reset();

简单却很有魅力。

$("#form").trigger('reset'); //jquery
document.getElementById("myform").reset(); //native JS

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

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

通过使用JQuery的.trigger()和原生javascript的.reset()的组合，可以将所有表单元素重置为空白状态。

$(".reset").click(function(){
    $("#<form_id>").trigger("reset");
});

将<form_id>替换为form的id来重置。

推荐文章