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

按下重置按钮后，附加信息消失，搜索功能运行

1 个答案: