时间戳

首页 > 解决方案 > 多索引表/行搜索

javascript - 多索引表/行搜索

问题描述

https://www.w3schools.com/howto/howto_js_filter_table.asp

我正在使用此 W3 学校页面中的 JavaScript，它提供了有关如何更改要搜索的单个索引的提示，但是如果我想一次循环/搜索行的多个索引怎么办？

例如，我想同时搜索索引 0 和 1。

标签： javascript

解决方案

根据本网站的代码https://www.w3schools.com/howto/howto_js_filter_table.asp

我修改了您想要的代码，您可以同时按名称和国家/地区进行研究，这里是 javascript 代码：

<script>
function myFunction() {
  var input, filter, table, tr, td, i;
  input = document.getElementById("myInput");
  filter = input.value.toUpperCase();
  table = document.getElementById("myTable");
  tr = table.getElementsByTagName("tr");
  for (i = 0; i < tr.length; i++) {
    td = tr[i].getElementsByTagName("td")[0];
    td2 = tr[i].getElementsByTagName("td")[1];
    if (td2 || td) {
      if (td2.innerHTML.toUpperCase().indexOf(filter) > -1 || td.innerHTML.toUpperCase().indexOf(filter) > -1)      {
        tr[i].style.display = "";
      } else {
        tr[i].style.display = "none";
      }
    } 
  }
}
</script>

我希望这是你想要的

推荐阅读