2017-03-17 22 views
-3

これは、単純なのLive Searchスクリプトであり、それは非常に便利ですが、私は1つの変更を必要としています。隠す「電話帳の連絡先」

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

関連する問題