уже есть код фильтра js таблицы фильтра поиска - работает отлично, просто хотел бы иметь выделенный текстовый результат. есть идеи кто-нибудь? - PullRequest
Новая
       5

уже есть код фильтра js таблицы фильтра поиска - работает отлично, просто хотел бы иметь выделенный текстовый результат. есть идеи кто-нибудь?

0 голосов
/ 22 июня 2019

HTML 

<input id="myInput" type="text" onkeyup="ContactsearchFX()" 
       placeholder="Search Titles">
    *</p>

<table id="myTable" style="width: 100%" class="style1">

JAVASCRIPT 

window.onload = function() {
   var rows = document.querySelectorAll('tr');

   for (var i = 0; i < rows.length; i++) {
     rows[i].style.display = 'none';
   }
}

function ContactsearchFX() {
  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];
    if (td) {
      if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
        tr[i].style.display = "";
      } else {
        tr[i].style.display = "none";

      }
    }
  }

   var rows = document.querySelectorAll('tr');

   if (input.value.length == 0) {
    for (var i = 0; i < rows.length; i++) {
      rows[i].style.display = 'none';
    }
  }
}

трали в сети безрезультатно. Новичок в JS, поэтому любая помощь будет очень ценится. Это простой способ добавить несколько строк кода? Было бы здорово.

1 Ответ

0 голосов
/ 22 июня 2019

Я думаю, что было бы замечательно, если бы только фактическое совпадение текста в указанном столбце, но во всех строках этого столбца. Если это имеет смысл.

...