0

Quisiera saber si hay alguna forma de utilizar un input tipo text para encontrar valores dentro de un array.

Por ejemplo si tengo un array de 10 personas, pero quiero usar un input para localizar a x persona, hacer que sus datos aparezcan en un label,etc.

Como si utilizara un prompt, si ingrese el Código correcto aparezca su info, pero en este caso en un input. como este ejemplo:

var user = new Array();
		var cod = prompt("Ingrese codigo =");
			user = new Array();
					user['C04'] = 'Jose' + ' Localidad 1' + ' +1 2039 03290' + ' [email protected]';
					user['C05'] = 'Mario' + ' Localidad 2' + ' +1 3938 92839' + ' [email protected]';

		document.write(user[cod]);

2 respuestas 2

2

Te dejo un ejemplo de como remplazar el prompt por input

var user = new Array();
user['C04'] = 'Jose' + ' Localidad 1' + ' +1 2039 03290' + ' [email protected]';
user['C05'] = 'Mario' + ' Localidad 2' + ' +1 3938 92839' + ' [email protected]';

var elm = document.getElementById("codigo"),
 frame = document.getElementById("frame");
elm.addEventListener("change", function() {
 frame.innerHTML = user[this.value];
});
Ingrese Codigo = <input id="codigo">
<div id="frame"></div>

1

Puedes intentarlo con un evento keyup y ver el resultado en tiempo real

var user = new Array();
user['c04'] = 'Jose' + ' Localidad 1' + ' +1 2039 03290' + ' [email protected]';
user['c05'] = 'Mario' + ' Localidad 2' + ' +1 3938 92839' + ' [email protected]';

var text = document.getElementById("codigo")
var usuario = document.getElementById("usuario");

text.addEventListener("keyup", function() {
 usuario.innerHTML = user[this.value.toLowerCase()];
 
 if(usuario.innerHTML === "undefined"){
  usuario.innerHTML = "no existen registros";
 }
 
});
Ingrese Codigo = <input type="text" id="codigo" placeholder="Ingresa el codigo">
<br>
<div id="usuario"></div>

algo que podría ayudar al criterio de búsqueda es que las letras de los códigos de las personas estén en minúsculas, así cuando el usuario ingrese el código, puedes usar el toLowerCase() y la comparación es mas fácil.

1

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.