フォームデータの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(""); 
    }); 
});