JQuery javascript 搜索过滤器不更新清除值

Question

我有以下 javscript 代码，它根据 SearchInput 字段中的搜索条件过滤表格。然后我添加了一个名为clearSearch 的清除按钮，该按钮旨在清空搜索字段。它在一定程度上起作用，直到我清除在搜索中输入的内容（将搜索字段的值设置为空白），但此时搜索不会更新。

有什么想法可以让搜索反映清算功能吗？

谢谢

$(document).ready(function(){

  $("#SearchInput").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $("#Data tr").filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
  });

  $("#clearSearch").click(function(){
  $("#SearchInput").val("");
  });

});

Answer 1

使用 $("#SearchInput").val(""); 清除输入字段后，调用 $("#SearchInput").trigger("keyup");

$(document).ready(function(){

  $("#SearchInput").on("keyup", function() {
    var value = $(this).val().toLowerCase();
    $("#Data tr").filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1);
    });
  });

  $("#clearSearch").click(function(){
    $("#SearchInput").val(""); 
    $("#SearchInput").trigger("keyup"); 
  });

});