リセットボタンが押されると、追加情報が消えて検索機能が実行されます

Question

リセットフォームボタンを押すと、追加情報が短時間表示されてから検索結果に置き換えられます。 OnchangeイベントとonclickイベントはHTMLタグのフォームにバインドされます。

<script> 
    function resetform(){ 
    setTimeout(function(){ 
    $('#appendresults2').empty(); 
    $('#appendresults2').append('<div class="noresults"><h1>Please enter your  query</h1></div>'); 



}, 50); 

return; 
} 
</script> 

<div id="appendresults2"><div class="noresults"></div></div> 


<button class="btn btn-default" type="reset" onclick="return resetform();">Reset</button> 

Answer 1

このようにしてみてください。..

HTML

<div id="appendresults2"><div class="noresults"></div></div> 
<button class="btn btn-default" type="reset" onclick="resetform()" id="reset" >Reset</button> 

のjQuery

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $("#reset").click(function(){ 

setTimeout(function(){ 
    $('#appendresults2').empty(); 
    $('#appendresults2').append('<div class="noresults"><h1>Please enter your  query</h1></div>'); 
}, 50); 
    }); 
}); 

</script> 

....ここにあなたの答えのためのhttp://www.w3schools.com/code/tryit.asp?filename=FBGUL834B4MW