Load siden med hidden/none

Hej

Jeg har et lille script der ud fra et asp classic udtræk udsender en masse records som man skal kunne søge på gennem javascript direkte på siden. Det virker godt men jeg har uden heldt prøvet så den loader siden med hidden/none altså så alle udtræk fra databasen ikke bliver vist men først når man søger på noget

lad os antage der er 5 udtræk fra databasen. de rives ud, men skal ikke kunne ses. Først når man begynder at skrive noget i feltet skal de relevante udtræk dukke op.

jeg tilføjede phrase = "" , da den jo starter på ingenting, men den loader ikke med none, den skifter bare til none hvis man hvisker ud hvilket også er helt fint

<input type="text" data-filter="services"></center>

  <script type="text/javascript">//<![CDATA[

    window.onload=function(){

(function(){

var inputFilter = document.querySelector("[data-filter]");
inputFilter.addEventListener("keyup", function(){
var inputValue = this.value, i;
var filterList = document.getElementById(this.dataset.filter);
var filterItem = filterList.querySelectorAll("li");

    for (i = 0; i < filterItem.length; i++) {
            var _this = filterItem[i];

        var phrase = _this.innerHTML;

        if (phrase.search(new RegExp(inputValue, "i")) <= 0 || phrase.search(new RegExp(inputValue, "i")) === "") {
          _this.style.display = "none";
      } else {
          _this.style.display = "block";


      }
    }
  });
})();

    }

  //]]></script>     

<nav id="services">

<ul class="a">

>>>asp her<<<<
<li data-tags="UDTRÆK FRA Database">UDTRÆK FRA Database</li>
> records med next i et loop
</ul>

</nav>