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

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

Answer 3

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

希望这有帮助。

//用法

ResetFormControlValues('your form id')


function ResetFormControlValues(parent) {

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


}

提交后清算表格

3 个答案: