色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

如何一起過濾表中的每一列

李中冰1年前8瀏覽0評論

我有一個輸入表來編輯所有人,我想在每一列中搜索,只有搜索到的內容將顯示在行中。但是不管用。請看圖片。

我有一個輸入表來編輯所有人,我想在每一列中搜索,只有搜索到的內容將顯示在行中。但是不管用。請看圖片

<script>
    function myfunction() {
        var input, filter, table, tr, td, i, txtvalue;
        input = document.getElementById("myInput");
        filter = input.value.toUpperCase();
        table = document.getElementsByClassName("myTable");
        tr = table.getElementsByTagName("tr");
        for (var i = 0; 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";
                }

            }
        }

    }

</script>

<script>
    function myfunction() {
        var input, filter, table, tr, td, i, txtvalue;
        input = document.getElementById("myInput2");
        filter = input.value.toUpperCase();
        table = document.getElementById("someTable");
        tr = table.getElementsByTagName("tr");
        for (var i = 0; i < tr.length; i++) {

            td = tr[i].getElementsByTagName("input")[2];
            if (td) {
                txtvalue = td.textContent || td.innerText;
                if (txtvalue.toUpperCase().indexOf(filter) > 1) {

                    tr[i].style.display = "";
                } else {
                    tr[i].style.display = "none";
                }

            }
        }

    }

<td><input class="" autocomplete="off" type="text" style="width: 110px" name="[@i].FatherName" value="@Model.ToList()[i].FatherName" /></td>
                    <td><input class="" autocomplete="off" type="text" style="width: 110px" name="[@i].PersonSryalPoshtCartMlie" value="@Model.ToList()[i].PersonSryalPoshtCartMlie" /></td>

            <td>
                <input class="" autocomplete="off" onkeyup="myfunction()" id="myInput" placeholder="????? ..." />
            </td>
            <td>
                <input class="" autocomplete="off" onkeyup="myfunction()" id="myInput2" placeholder="????? ..." />

            </td>

enter image description here

更新:

在我構建的例子中,id為& quot我的輸入& quot搜索類型為& lttd & gt價值& lt/TD & gt;,所以用td = tr

enter image description here

此外,您可以在瀏覽器的開發人員工具中檢查錯誤信息和逐步調試。