javascript - 在jsp中成功提交表单后清除表单字段

Question

我有一份表格，提交的内容很少。一旦我提交表单，数据就会存储在数据库中，我将返回到同一页面。现在，如何在jsp中清除表单中的字段？

<form class="form-horizontal col-lg-8" action="addDonationCamp" method="GET">
    <div class="form-group">
        <label for="location" class="col-sm-3 control-label">Location</label>
        <div class="col-sm-8">
            <input type="text" name="location" class="form-control" id="location" placeholder="Location" value="${fn:escapeXml(param.location)}">
            <label class="errorColor">${message.location}</label>
        </div>
    </div>
     <div class="form-group">

    <div class="form-group">
        <label for="description" class="col-sm-3 control-label">Description</label>
        <div class="col-sm-8">
    <div class="form-group">
        <div class="col-sm-offset-5 col-sm-10">
            <button type="submit" class="btn btn-default">Submit</button>
        </div>
    </div>
</form>

Answer 1

重置不会每次都重置所有字段。

如果你使用纯Javascript，你可以有这样的东西，

var formElements = document.getElementById("myForm").elements;
var fieldType = "";
for (i = 0; i < formElements.length; i++)
{
    fieldType = formElements[i].type.toLowerCase();
    switch (fieldType)
    {
    case "text":
    case "password":
    case "textarea":
    case "hidden":
        formElements[i].value = "";
        break;
    case "radio":
    case "checkbox":
        if (formElements[i].checked)
        {
            formElements[i].checked = false;
        }
        break;
    default:
        break;
    }
}