如何使用 jQuery 清除表单中的所有输入、选择和隐藏字段？

Question

我想清除所有输入、选择以及表单中的所有隐藏字段。如果最合适，使用 jQuery 是一种选择。

最简单的方法是什么…我的意思是易于理解和维护。

[编辑]

解决方案不能弄乱复选框（值必须保留，但必须清除选中状态），也不能弄乱提交按钮。

我想要做的是一个清除按钮，清除用户明确输入的所有选项，以及隐藏字段。

谢谢！

原文由 Miguel Angelo 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用 reset() 方法：

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

或者没有 jQuery：

 document.getElementById('myform').reset();

其中 myform 是包含要清除的元素的表单的 ID。

如果字段不在表单内，您还可以使用 :input 选择器：

 $(':input').val('');

原文由 Darin Dimitrov 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

要使用 JQuery 清除所有输入，包括隐藏字段：

 // Behold the power of JQuery.
$('input').val('');

选择更难，因为它们有一个固定的列表。你想清除那个列表，还是只是选择。

可能是这样的

$('option').attr('selected', false);

原文由 GolezTrol 发布，翻译遵循 CC BY-SA 3.0 许可协议