1つのボタンでフォームを消去し、ページをリセット（リロード）することはできますか？

Question

ユーザーが何かを入力したページにフォームがあり、結果が返されてページに表示されます。検索結果とフォームを同時に消去するボタンを持つことは可能でしょうか？

フォームの<input type="reset" value="Reset"/>ボタンを使用してフォームをリセットし、次のコードを使用してページをリロードすることができます。

<input type="button" value="Clear Results" onClick="window.location.reload()">

それはすなわち、検索結果をクリアし、フォームをリセットボタンは、両方のことを行うことは可能ですか？それはJavaScriptを使用して行うことができますか？

ありがとうございます。

Answer 1

投稿した両方のスニペットの機能を使いたい場合は、単純にそれらを組み合わせることができます。

<input type="reset" value="Reset" onClick="window.location.reload()"> 

私はそれは関係なく、ページが更新されるかのと呼ばれていますので、MikeyHogarthの提案@のファンだ

Answer 2

JQueryを使用して、ページ上でこれを実行してください。

$(document).ready(function() { 
    resetForms(); 
}); 

function resetForms() { 
    for (i = 0; i < document.forms.length; i++) { 
     document.forms[i].reset(); 
    } 
} 

2番目の入力を使用すると、ページが読み込まれたときに自動的に更新されます。

Answer 3

（そこでは、今あなたが私の答えXDを受け入れることができます）。これはまれな時の1つで、jqueryよりも単純なjavascriptが見つかったので、そのコードを追加したかっただけです。

$(document).ready(function() { 
    resetForms(); 
}); 

function resetForms() { 
    document.forms['myFormName'].reset(); 
} 

これは、フォームのname属性を使用して、フォームのIDを使用して好む場合は、代わりにこれを使用する属性：

document.getElementById('myFormId').reset(); 

Answer 4

あなたは、単にこのコードで現在の場所にページをリダイレクトすることができます。

を

$('[data-command="reset"]').click(function() {  
    window.location.href = window.location.href; 
} 

---

<input type="button" value="Clear Results" data-command="reset">