javascript - 提交后清除表格

Question

我想在提交后清除文本字段。请帮我 ：（

<form name ="client" id="client" method="POST" action="index.php"   >
    <input type="hidden" name="id" id="id" >

        <label>name</label>
        <input type="text" name="nombre" id="nombre" value=""> <br />

        <label>surname</label>
        <input type="text" name="apellido" id="apellido"> <br />

        <label>age</label>
        <input type="text" name="fecha" id="fecha" > <br />

        <label>sex</label>
        <select name="peso" id="peso" > <br />
        <option>male</option>
        <option>female</option>
        </select>  <br />


        <input id="submit" type="submit" name="submit" value ="submit"/>

</form>

Answer 1

在不知道您如何处理表单提交的情况下，不清楚您需要的解决方案。然而，这里有一些你可以使用 jQuery 来实现你需要的东西。

$("form").submit(function(){
  $(this).find("input[type=text], select").val("");
});

Answer 2

这将在提交后重置您的表单（或其他），包括其他类型的 html 输入。

希望这可以帮助。

// 用法

ResetFormControlValues('your form id')


function ResetFormControlValues(parent) {

    $(':input', '#' + parent)
    .val('')
    .removeAttr('checked')
    .removeAttr('selected');
    $('input:radio', '#' + parent).removeAttr('checked');


}

Answer 3

好吧，如果你的页面刷新了，字段应该自己清理，如果页面没有刷新，你可以使用javascriptdocument.getElementById('nombre').value = "";例如