當按下重置按鈕時，附加信息消失並且搜索功能運行

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