搜索表时未找到任何结果

时间:2017-12-02 13:32:59

标签: javascript



<script>
function myFunction() {
  // Declare variables 
  var input, filter, table, tr, td, i;
  input = document.getElementById("myInput");
  filter = input.value.toUpperCase();
  table = document.getElementById("t");
  tr = table.getElementsByTagName("tr");

  // Loop through all table rows, and hide those who don't match the search query
  for (i = 0; i < tr.length; i++) {
    td = tr[i].getElementsByTagName("td")[0];
    if (td) {
      if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
        tr[i].style.display = "";
      } else {
        tr[i].style.display = "none";
      }
    } 
  }
  var n = document.getElementById("noresults");
  if ( on == 0 && n ) {
    n.style.display = "";
    document.getElementById("qt").innerHTML = myInput.value;
  } else {
    n.style.display = "none";
  }
}
</script>
&#13;
&#13;
&#13;

上下文: 这是从表中搜索和显示数据的代码。搜索效果很好,但没有显示&#34;没有找到结果消息&#34;当找不到结果时。我需要警告信息&#34;没有找到结果&#34;只有当搜索结果不在表格中时。

1 个答案:

答案 0 :(得分:0)

只需对此行的代码进行一些小改动

tr[i].style.display = "";

  to

tr[i].style.display = "block";