提交后清除表单值

当用户提交了一个表单，如果你想清除表单的值，以便下一次使用，那么你需要用一些JavaScript代码。本文将介绍如何使用JavaScript实现清除表单值的功能。

方案一：重置表单

表单对象拥有一个reset()方法，调用该方法会重置表单中所有元素的值。你只需要在表单提交成功后，调用reset()方法即可。

document.getElementById("myForm").reset();

这里的"myForm"是你表单的ID，你需要将其替换成你自己表单的ID。

需要注意的是，reset()方法不仅会清除表单的值，而且还会把表单的其他属性重置为默认值。包括表单的提交方式、编码方式、自动完成、验证等等。

方案二：手动清除表单值

如果你不想使用reset()方法，或者你需要保留表单的其他属性，那么你可以手动清除表单的每个元素的值。这需要你对表单中的元素进行遍历，然后清除它们的值。

var form = document.getElementById("myForm");

for(var i=0; i<form.length; i++) {
    form.elements[i].value = "";
}

这里的form.length表示表单元素的数量，form.elements[i]表示第i个表单元素。你可以通过该元素的value属性清除其值。

需要注意的是，手动清除表单值可能会漏掉某些表单元素，尤其是动态添加的表单元素。

方案三：使用jQuery

如果你使用了jQuery库，那么清除表单值将变得非常简单，只需要使用一句代码即可。

$('#myForm').trigger("reset");

这里的"#myForm"代表表单的ID，你需要替换成你自己表单的ID。与方案一类似，该方法也会重置表单的其他属性。

总结

清除表单值是一个常见的需求，我们可以根据需求选择适合自己的方案。通过重置表单、手动清除表单值和使用jQuery库三种方案，你可以清除表单的值，并开始下一轮表单输入。