如何清除表單數據jQuery？

Question

我想要在將所有輸入數據提交給php文件後清除所有表單輸入數據如何使用jquery函數清除此數據？

Answer 1

你可以聽提交事件，然後清除每個輸入的值象下面這樣：

$('#form').submit(function() { 
 
    $(this)[0].reset(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form id="form"> 
 
    <input type="text" /> 
 
    <input type="submit" /> 
 
</form>

Answer 2

document.querySelector(".name").value = ""; 

<form class="form"> 
    <input type="text" class="name"/> 
    <input type="submit" value="Send" class="submit"/> 
</form> 

然後輸入值將永遠空

Answer 3

這應該工作...

$('form').on('submit', function() { 
 
    var children = $(this).children() 
 
    children.each(function(i, el) { 
 
    if ($(el).attr('type') === 'checkbox') return $(el).removeAttr('checked') 
 
    $(el).val(null) 
 
    }) 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 
    <input type="text" /> 
 
    <br> 
 
    <input type="text" /> 
 
    <br> 
 
    <input type="checkbox" />iphone 
 
    <input type="checkbox" />Android 
 
    <br> 
 
    <input type="radio" name="gender" value="male" checked>Male 
 
    <br> 
 
    <input type="radio" name="gender" value="female">Female 
 
    <br> 
 
    <input type="radio" name="gender" value="other">Other 
 
    <br> 
 
    <select> 
 
    <option value="volvo">Volvo</option> 
 
    <option value="saab">Saab</option> 
 
    <option value="mercedes">Mercedes</option> 
 
    <option value="audi">Audi</option> 
 
    </select> 
 
    <br> 
 
    <button type="submit"> submit </button> 
 
</form>

Answer 4

試試這個

$(document).ready(function(){ 
    $('#submit').click(function(){ 
    $('#my_form').find("input[type=text]").val(""); 
    }); 
});