這是一個簡單的實時搜索腳本,這是非常有用的,但我需要一個修改。從頁面隱藏「電話簿聯繫人」,但顯示結果
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_filter_list
這個腳本使用從「電話簿」生活搜索,並從「電話簿」聯繫人顯示(可見)給大家。
如何隱藏登陸頁面的聯繫人,但要顯示在搜索結果字段?
這是一個簡單的實時搜索腳本,這是非常有用的,但我需要一個修改。從頁面隱藏「電話簿聯繫人」,但顯示結果
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_filter_list
這個腳本使用從「電話簿」生活搜索,並從「電話簿」聯繫人顯示(可見)給大家。
如何隱藏登陸頁面的聯繫人,但要顯示在搜索結果字段?
在這裏你去
https://www.w3schools.com/code/tryit.asp?filename=FDQGA5EHCMJP
#myUL li {
display: none;
}
function myFunction() {
var input, filter, ul, li, a, i;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
ul = document.getElementById("myUL");
li = ul.getElementsByTagName("li");
for (i = 0; i < li.length; i++) {
a = li[i].getElementsByTagName("a")[0];
if (filter.length > 0 && a.innerHTML.toUpperCase().indexOf(filter) > -1) {
li[i].style.display = "block";
} else {
li[i].style.display = "none";
}
}
}
它仍然顯示頁面上的所有電話簿聯繫人(來自html代碼)。我發送的鏈接上的 – Serbon
?您需要添加css類更改 – stackoverfloweth
是的,它現在正在工作。先生非常感謝您。 – Serbon
只是爲了澄清,你的意思是你想自動填充樣的效果? – Ross
腳本現在做得很好,但我只需隱藏電話簿中的所有聯繫人(現在它顯示在頁面上),如果我在搜索表單中鍵入「Agnes」,腳本將搜索電話簿並顯示聯繫人「Agnes」,如果聯繫存在。 – Serbon