我有一個輸入表來編輯所有人,我想在每一列中搜索,只有搜索到的內容將顯示在行中。但是不管用。請看圖片。
我有一個輸入表來編輯所有人,我想在每一列中搜索,只有搜索到的內容將顯示在行中。但是不管用。請看圖片
<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>
更新:
在我構建的例子中,id為& quot我的輸入& quot搜索類型為& lttd & gt價值& lt/TD & gt;,所以用td = tr
此外,您可以在瀏覽器的開發人員工具中檢查錯誤信息和逐步調試。
上一篇npm怎么新建vue
下一篇python 電腦版微信