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

-3

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

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

來源

2013-04-03 user1808433

你需要給我們比這更多的信息來幫助你。 – sarcastyx

究竟是什麼問題？請比「不起作用」更具體。 – JJJ

實際上即使「不起作用」也會比沒有格式化的JavaScript複製/粘貼更好。 – numbers1311407

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

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/

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

來源

2013-04-03 05:53:15 JJJ

感謝它工作正常，但如果我要按搜索按鈕第二次比記錄重複。 – user1808433

這就是我所說的「還有錯誤」部分。但是在顯示結果之前清除容器或用新結果替換innerHTML應該是微不足道的。 – JJJ

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

回答

相關問題