我有一个标准的重置按钮的形式编码如下:
<input type="reset" class="button standard" value="Clear" />
问题是，所述表单是多阶段排序的，所以如果用户填写了一个阶段，然后稍后返回，当单击Clear按钮时，各个字段的“记住”值不会重置。
我在想，附加一个jQuery函数循环所有的字段和清除他们'手动'将做的技巧。我已经在使用jQuery的形式，但我只是刚刚赶上速度&所以我不知道如何做到这一点，除了单独引用每个字段的ID，这似乎不是很有效。
请TIA帮忙。
当前回答
简单地这样做
$('#myform')[0].reset();
更多的信息
如果你有这样的输入，设置myinput.val(")可能不能100%模拟"reset":
<input name="percent" value="50"/>
例如，在一个默认值为50的输入上调用myinput.val(")会将其设置为空字符串，而调用myform.reset()则会将其重置为初始值50。
其他回答
所有这些答案都很好，但最简单的方法是使用虚假重置，即使用链接和重置按钮。
只需添加一些CSS来隐藏你真正的重置按钮。
input[type=reset] { visibility:hidden; height:0; padding:0;}
然后在你的链接上添加如下内容
<a href="javascript:{}" onclick="reset.click()">Reset form</a>
<input type="reset" name="reset" id="reset" /><!--This input button is hidden-->
希望这能有所帮助! 一个。
我通常这样做:
$('#formDiv form').get(0).reset()
or
$('#formId').get(0).reset()
我发现这很有效。
$(":input").not(":button, :submit, :reset, :hidden").each( function() {
this.value = this.defaultValue;
});
清除表单有点棘手，不像看起来那么简单。
建议你使用jQuery表单插件，并使用它的clearForm或resetForm功能。 它能解决大部分的极端情况。
<script type="text/javascript">
$("#edit_name").val('default value');
$("#edit_url").val('default value');
$("#edit_priority").val('default value');
$("#edit_description").val('default value');
$("#edit_icon_url option:selected").removeAttr("selected");
</script>
