Realizar búsquedas dentro de un Array

[quimfv]

De entrada usa un array multidimensional para guardar los datos así te vas a ahorrar una busqueda

Código Javascript:

var personas = new Array();
personas[0][0] = "Antonio";
personas[0][1] = 35;
personas[1][0] = "Luis";
personas[1][1] = 42;
personas[2][0] = "María";
personas[2][1]= 51;
personas[3][0] = "Pedro";
personas[3][1] = 28;
personas[4][0] = "Mario";
personas[4][1] = 26;
 

Crea un array para guardar los resultados de la busqueda

Código Javascript:

var usuarios = new Array();
 

Crea una variable para guardar el ultimo mostrado.

Código Javascript:

var ultimomostrado=0;
 

deben ser fuera de la funcion ya que las vas a necesitar en la función que debe mostrar los sucesivos resultados si hay mas de uno.

Para evitar el problema de las mayúsculas y la minúsculas usa .toLowerCase() y compara simpre minúsculas contra minúsculas

Código Javascript:

personas[i][0].toLowerCase()==b.toLowerCase()
 

Cuando encuentres a uno de los usuarios guarda el nombre y la edad

Código Javascript:

var usuario=new Array();
usuario[0]=personas[i][0];
usuario[1]=personas[i][1];
usuarios[]=usuario;
 

Haz un condicional triple que vea cuantos usuarios has encontrado

Código Javascript:

if(usuarios.length==1){
   document.getElementById('nombre').value = usuarios[0][0];
   document.getElementById('edad').value = usuarios[0][1];
   document.getElementById("botsiguiente").disabled=true;
} else if (usuarios.length>1) {
   document.getElementById('nombre').value = usuarios[0][0];
   document.getElementById('edad').value = usuarios[0][1];
   document.getElementById("botsiguiente").disabled=false;
}else{
   document.getElementById('mensaje').innerHTML="\<p\ >No se han encontrado resultados\<\/p\>";
   document.getElementById('nombre').value = "";
   document.getElementById('edad').value = "";
   document.getElementById("botsiguiente").disabled=true;
}
 

Define bien el boton.

Botón para mostrar los siguientes resultados
<input type="button" value="Siguiente" onmousedown="aqui iria la funcion">

mejor

Código HTML:

<input name="botsiguiente" type="button" disabled="true" id="botsiguiente" onClick="siguiente()"  value="Siguiente">
 

La funcion siguiente() cae por su peso

Código Javascript:

function siguiente(){
 if (ultimomostrado<usuarios.length){
     ultimomostrado++;
     document.getElementById('nombre').value = usuarios[ultimomostrado][0];
     document.getElementById('edad').value = usuarios[ultimomostrado][1];
     if(ultimomostrado==usuarios.length){
        document.getElementById("botsiguiente").disabled=true;
     }else{
        document.getElementById("botsiguiente").disabled=false;
     }
   }
}