当按下重置按钮时，附加信息消失并且搜索功能运行

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