Saludos,
Prueba con esto, en el evento onChange de tu input, llamas a la funcion muestra_pob(this.value).
Código:
function muestra_pob(val)
{
if (val.length<5) // para que no haga nada, mientras no ingreses 5 digitos
{
document.getElementById("txtproblema").innerHTML=""
return
}
xmlHttp=GetXmlHttpObject()
if (xmlHttp==null)
{
alert ("Browser does not support HTTP Request")
return
}
var url="muestra_pob.asp"
url=url+"?q="+val
xmlHttp.onreadystatechange=stateChange
xmlHttp.open("GET",url,true)
xmlHttp.send(null)
}
function stateChange()
{
if (xmlHttp.readyState!="complete")
{
document.getElementById("muestra_pob").innerHTML="...buscando datos, un momento por favor"
}
if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")
{
document.getElementById("muestra_pob").innerHTML=xmlHttp.responseText
}
}
Esta funcion, lanza el query a una pagina que hayas creado, para el ejemplo: "muestra_pob.asp" en la cual tienes la estrucura que quieres mostrar.
En la pagina donde tienes el formulario, creas un <div id="muestra_pob"> que contiene el campo nombre y donde mostrara el resultado.
Ojala te ayude en algo, no lo he probado con campos, pero metiendole mano seguro que funciona.