En un formulario de búsquedas necesito mostrar los resultados en grupos

Hola, Tengo un formulario con un array con varios elementos y al realizar la búsqueda, los resultados cuando son varios me muestra el primero y tengo que pulsar el botón de siguiente para que me los vaya mostrando, pero de uno en uno y necesito que me los muestre en grupos, o sea, si yo quiero que me los muestre de tres en tres y el resultado de la búsqueda son dos, que me muestre los dos al mismo tiempo, si son más de tres, que me muestre los tres y al darle al botón de siguiente me vaya mostrando los siguientes pero de tres en tres.

Este es el código:

var ultimomostrado = 0;
var encontrados=new Array();
var buscarNombre = new Array();
buscarNombre = [["Daniel",35],
["Luis",42],
["María",19],
["María",51],
["David",28],
["Mario",26]];
function busca(buscar) {
encontrados=new Array();
for(var i=0; i<buscarNombre.length; i++) {
var nodoLower=buscarNombre[0].toLowerCase();
if(nodoLower.indexOf(buscar.toLowerCase())!=-1) {
encontrados.push(buscarNombre);
}
}
if (encontrados.length==1) {
document.getElementById('mensaje').innerHTML="1/1 resultados";
document.getElementById('nombre').innerHTML=encontrados[0][0]+" ...";
document.getElementById('edad').innerHTML=encontrados[0][1];
document.getElementById("botsiguiente").disabled=true;
}else if(encontrados.length>1){
document.getElementById('mensaje').innerHTML="1 de "+encontrados.length+" resultados";
document.getElementById('nombre').innerHTML=encontrados[0][0]+" ...";
document.getElementById('edad').innerHTML=encontrados[0][1];
document.getElementById("botsiguiente").disabled=false;
}else{
document.getElementById('mensaje').innerHTML="No se han encontrado resultados";
document.getElementById('nombre').innerHTML="";
document.getElementById('edad').innerHTML = "";
document.getElementById("botsiguiente").disabled=true;
}
}
function siguiente(){
if (ultimomostrado<encontrados.length){
ultimomostrado++;
var num=ultimomostrado+1;
document.getElementById('mensaje').innerHTML=num+" de "+encontrados.length+" resultados";
document.getElementById('nombre').innerHTML= encontrados[ultimomostrado][0]+" ...";
document.getElementById('edad').innerHTML = encontrados[ultimomostrado][1];
if(ultimomostrado==encontrados.length-1){
document.getElementById("botsiguiente").disabled=true;
ultimomostrado = 0;
}else{
document.getElementById("botsiguiente").disabled=false;
}
}
}

Añade tu respuesta

Haz clic para o