Показать сообщение отдельно
  #12 (permalink)  
Старый 02.07.2018, 22:34
Новичок на форуме
Отправить личное сообщение для kostas88 Посмотреть профиль Найти все сообщения от kostas88
 
Регистрация: 02.07.2018
Сообщений: 5

У меня вопрос я использую поиск по таблице html через js - мой код ниже. Вопрос в том у меня большая таблица много строк, как сделать чтоб табличка была скрыта и только после запроса выводился ответ.
<input id='myInput' onkeyup='searchTable()' type='text'>
<script>
function searchTable() {
    var input, filter, found, table, tr, td, i, j;
    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");
        for (j = 0; j < td.length; j++) { if (td[j].innerHTML.toUpperCase().indexOf(filter) > -1) {
                found = true;
            }
        }
        if (found) {
            tr[i].style.display = "";
            found = false;
        } else {
            tr[i].style.display = "none";
        }
    }
}
</script>
<table id="myTable">
<tbody>
<tr>
<td>Afghanistan</td>
<td>+93</td>
<td>Афганистан</td>
<td>Афганістан</td>
</tr>
Ответить с цитированием