我有一个标准的重置按钮的形式编码如下:
<input type="reset" class="button standard" value="Clear" />
问题是，所述表单是多阶段排序的，所以如果用户填写了一个阶段，然后稍后返回，当单击Clear按钮时，各个字段的“记住”值不会重置。
我在想，附加一个jQuery函数循环所有的字段和清除他们'手动'将做的技巧。我已经在使用jQuery的形式，但我只是刚刚赶上速度&所以我不知道如何做到这一点，除了单独引用每个字段的ID，这似乎不是很有效。
请TIA帮忙。
当前回答
清除表单有点棘手，不像看起来那么简单。
建议你使用jQuery表单插件，并使用它的clearForm或resetForm功能。 它能解决大部分的极端情况。
其他回答
我用的是Paolo Bergantino的解决方案，它很棒，但做了一些调整……特别是使用表单名称代替id。
例如:
function jqResetForm(form){
$(':input','form[name='+form+']')
.not(':button, :submit, :reset, :hidden')
.val('')
.removeAttr('checked')
.removeAttr('selected');
}
现在当我想用它的时候
<span class="button" onclick="jqResetForm('formName')">Reset</span>
如你所见，这适用于任何表单，因为我使用css样式来创建按钮，页面在单击时不会刷新。再次感谢Paolo的建议。唯一的问题是，如果我在表单中有默认值。
清除表单有点棘手，不像看起来那么简单。
建议你使用jQuery表单插件，并使用它的clearForm或resetForm功能。 它能解决大部分的极端情况。
我也有同样的问题，保罗的职位帮助了我，但我需要调整一件事。我使用id advancedindexsearch的表单只包含输入字段，并从会话中获取值。出于某种原因，下面这些方法对我来说并不管用:
$("#advancedindexsearch").find("input:text").val("");
如果我在这之后放了一个警告，我看到了正确删除的值，但之后它们又被替换了。我仍然不知道为什么，但下面这句话确实对我起了作用:
$("#advancedindexsearch").find("input:text").attr("value","");
jQuery插件
我创建了一个jQuery插件，这样我就可以在任何需要的地方轻松使用它:
jQuery.fn.clear = function()
{
var $form = $(this);
$form.find('input:text, input:password, input:file, textarea').val('');
$form.find('select option:selected').removeAttr('selected');
$form.find('input:checkbox, input:radio').removeAttr('checked');
return this;
};
所以现在我可以通过调用:
$('#my-form').clear();
保罗接受的答案有个大问题。考虑:
$(':input','#myform')
.not(':button, :submit, :reset, :hidden')
.val('')
.removeAttr('checked')
.removeAttr('selected');
.val(")行还将清除分配给复选框和单选按钮的任何值。所以如果你(像我一样)做这样的事情:
<input type="checkbox" name="list[]" value="one" />
<input type="checkbox" name="list[]" value="two" checked="checked" />
<input type="checkbox" name="list[]" value="three" />
使用公认的答案会将你的输入转换为:
<input type="checkbox" name="list[]" value="" />
<input type="checkbox" name="list[]" value="" />
<input type="checkbox" name="list[]" value="" />
哎呀——我正在使用这个值!
下面是一个修改后的版本，将保留您的复选框和无线电值:
// Use a whitelist of fields to minimize unintended side effects.
$('INPUT:text, INPUT:password, INPUT:file, SELECT, TEXTAREA', '#myFormId').val('');
// De-select any checkboxes, radios and drop-down menus
$('INPUT:checkbox, INPUT:radio', '#myFormId').removeAttr('checked').removeAttr('selected');
