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/

（那里仍有bug，这只解决了限制到五的问题。）

如何在html中的一个页面中显示5条记录

1 个答案: