如何在html中的一個頁面中顯示5條記錄

Question

我已經制作了一個程序，其中我獲取了輸入字段中輸入的項目的記錄值，比方說，在輸入字段中有'a'，而不是輸出應該是'超過5個，並且項目的值從a開始。

<script> 
    function main_func() { 
    if (document.getElementById('search_input').value == "") { 
     alert("Please Enter a charactor/word.."); 
    } else { 
     var con = document.getElementById('first_div'); 
     var char = document.getElementById('search_input').value; 
     var str = ''; 
     var ad = ['ab', 'ar', 'af', 'fa', 'af', 'at', 'aaay', 'aad', 'gd', 'nggn']; 
     var len = ad.length; 
     for (var j = 0; j < len; j++) { 
      var str = ad[j]; 
      var n = str.indexOf(char); 
      if (n == 0) con.innerHTML += '<font color=orange>' + str + '</font><br><br><br><br><br>'; 
     } 
    } 
} 
</script> 

Answer 1

當它擊中上限使用該停止循環中找到了匹配的計數器。

var matches = 0; 
for (var j = 0; j < len && matches < 5; j++) { 
    var str = ad[j]; 
    var n = str.indexOf(char); 
    if (n == 0) { 
     con.innerHTML += '<div class="result">' + str + '</div>'; 
     matches++; 
    } 
} 

而對於一切神聖的愛，不要使用<font>。

演示：http://jsfiddle.net/RrAWs/

（還有蟲子出現，這隻能解決限制五的問題。）