Многострочный поиск - PullRequest
Новая
       12

Многострочный поиск

0 голосов
/ 12 октября 2019

Я пытаюсь создать таблицу с данными, поступающими из websql, и мне нужен сортировщик для сортировки нескольких строк одновременно ag. Если у меня есть строки с именами «имена» и «время», мне нужно сначала отсортировать имена, а затем по этим именам время. 

function myFunction() {
  var input, filter, table, tr, td, i, txtValue;
  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) {
      txtValue = td.textContent || td.innerText;
      if (txtValue.toUpperCase().indexOf(filter) > -1) {
        tr[i].style.display = "";
      } else {
        tr[i].style.display = "none";
      }
    }
  }
}

function myFunction2() {
  var input, filter, table, tr, td, i, txtValue;
  input = document.getElementById("myInput2");
  filter = input.value.toUpperCase();
  table = document.getElementById("myTable");
  tr = table.getElementsByTagName("tr");
  for (i = 1; i < tr.length; i++) {
    td = tr[i].getElementsByTagName("td")[1];
    if (td) {
      txtValue = td.textContent || td.innerText;
      if (txtValue.toUpperCase().indexOf(filter) > -1) {
        tr[i].style.display = "";
      } else {
        tr[i].style.display = "none";
      }
    }
  }
}
<input type="text" id="myInput" onkeyup="myFunction()" placeholder="Nimi">
<input type="text" id="myInput2" onkeyup="myFunction2()" placeholder="värit">

Проблема в том, что код не сохраняет другой ввод. Если я введу желтый цвет в поле ввода värit (colors), я получу цвета тех, которые мне нужны, но когда я попытаюсь вставить как s в nimi (имя), он покажет всех с буквой s в их имени и перезапишет поиск цвета.

...