Прилагаемая информация исчезает, и функция поиска запускается при нажатии кнопки сброса.

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