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

Question

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

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

[编辑]

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

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

谢谢！

Answer 1

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

或没有jQuery：

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

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

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

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

Answer 2

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

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

选择更难，因为它们有一个固定的列表。您想要清除该列表，还是仅清除选择。

可能像

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

Answer 3

$('#formID')[0].reset(); // Reset all form fields

Answer 4

如果要将明确值应用于特定数量的字段，请为其分配id或类，并将空值应用于它们。像这样：

$('.all_fields').val('');

其中all_fields类应用于所需的输入字段以应用空值。 它会保护其他字段为空，您不想更改。

Answer 5

我有一个稍微更专业的案例，一个搜索表单，其输入具有人名的自动完成功能。 Javascript代码设置了from.reset()无法清除的隐藏输入。

但是我不想重置所有隐藏的输入。在那里，我向隐藏的输入添加了一个类search-value，该类将被清除。

$('form#search-form').reset();
$('form#search-form input[type=hidden].search-value').val('');

Answer 6

用于清空所有输入标签，例如input，select，textatea等。运行此代码

$('#message').val('').change();

Answer 7

您可以将其放在您的jquery代码中，也可以单独使用：

window.onload = prep;

function prep(){
document.getElementById('somediv').onclick = function(){
document.getElementById('inputField').value ='';
  }
}