Question

我正在寻找在表中键入的确切搜索信息。现在，如果有任何输入匹配项出现，我就会显示出来。有没有一种方法可以只拉那些完全匹配的内容（例如，如果我输入“ IT”，那么我就不想出现“监视”或“网站设计”）。

<html>
    <div class="rostercontent">
        <input type="text" id="myInput" onkeyup="myFunction()" placeholder="Search" title="Search">
</html>


<script> function filterTable(event) {
    var filter = event.target.value.toUpperCase();
    var rows = document.querySelector("#rosterTable tbody").rows;

    for (var i = 0; i < rows.length; i++) {
        var firstCol = rows[i].cells[0].textContent.toUpperCase();
        var fourthCol = rows[i].cells[3].textContent.toUpperCase();
        var fifthCol = rows[i].cells[4].textContent.toUpperCase();

        if (firstCol.indexOf(filter) > -1 || fourthCol.indexOf(filter) > -1 || fifthCol.indexOf(filter) > -1) {
            rows[i].style.display = "";
        } else {
            rows[i].style.display = "none";
        }
    }
}

document.querySelector('#myInput').addEventListener('keyup', filterTable, false);
</script>

谢谢。

我应该使用什么搜索例程来匹配HTML表的确切条目？

0 个答案: