Menos mal que están ustedes para que
maca950 no tenga que mirar un mugroso manual.
Sí, claro, es lo que yo le estaba explicando.
Ya que estoy, dejo otra versión, ¿por qué voy a ser menos?
Código:
<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<script type="text/javascript">
var edad = {
"ana" : "15",
"maria" : "67",
"juan" : "32",
"marta" : "105"
};
</script>
</head>
<body>
<input type=text onchange="this.value = edad[this.value]" autocomplete="on" autofocus
placeholder="Nombre" list="lista" > <input type=button value="Quita foco" >
<datalist id="lista">
<option value="ana">
<option value="juan">
<option value="maria">
<option value="marta">
</datalist>
</body>
</html>
Aproveché a poner algo de HTML5, que funcionará en los navegadores que le den soporte.
Y el botón está nada más que para sacarle el foco al campo de texto, así se ejecuta el cambio de nombre a edad. (Mientras se tipea, no cambia.)
Cita:
Iniciado por IsaBelM
Código:
...
if (i.toLowerCase() == val.toLowerCase())
-------------------↑--↑------------------
document.getElementById('anyos').innerHTML = edad[val.toLowerCase()];
------------------------------------------↑-↑------------------------
...
Veo que te estás perfeccionando en el crimen. Me tomé el atrevimiento de ponerlo entre etiquetas de código, por lo del monospace. Espero que no te moleste.