2017-03-17 46 views
-3

這是一個簡單的實時搜索腳本,這是非常有用的,但我需要一個修改。從頁面隱藏「電話簿聯繫人」,但顯示結果

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_filter_list

這個腳本使用從「電話簿」生活搜索,並從「電話簿」聯繫人顯示(可見)給大家。

如何隱藏登陸頁面的聯繫人,但要顯示在搜索結果字段?

+1

只是爲了澄清,你的意思是你想自動填充樣的效果? – Ross

+0

腳本現在做得很好,但我只需隱藏電話簿中的所有聯繫人(現在它顯示在頁面上),如果我在搜索表單中鍵入「Agnes」,腳本將搜索電話簿並顯示聯繫人「Agnes」,如果聯繫存在。 – Serbon

回答

1

在這裏你去

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"; 

     } 
    } 
} 
+0

它仍然顯示頁面上的所有電話簿聯繫人(來自html代碼)。我發送的鏈接上的 – Serbon

+0

?您需要添加css類更改 – stackoverfloweth

+0

是的,它現在正在工作。先生非常感謝您。 – Serbon

相關問題