<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/
xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>Autocompletado con Ajax</title>
<style type="text/css">
#pruebas{
display:none; /* div invisible al cargar la pagina*/
cursor:pointer; /* al colocar el mouse sobre la capa se vera el icono de la mano */
overflow:auto; /*si la lista sobrepasa la altura de la capa se insertara automaticamente un scroll */
width:200px;height:300px; /* asignamos ancho y alto a la div */
border-style:solid;border-color:#000000;color:#000000;border-width:1px;
font-size:10px;font-family:Arial;
background-color:#eeeeee;
}
</style>
<script type="text/javascript">
    if(window.XMLHttpRequest) {
        objetoAjax = new XMLHttpRequest();
    }
        else if(window.ActiveXObject) {
            objetoAjax = new ActiveXObject("Microsoft.XMLHTTP");
    }

function obtenerDatos(valor, origen, destino){
          if(objetoAjax) {
          cadena_de_busqueda="busca="+valor;
               objetoAjax.open("POST",origen);
                objetoAjax.onreadystatechange  = function(){
                        if (objetoAjax.readyState==4 && objetoAjax.status==200){
                            window.document.getElementById(destino).style.display='block';
                            window.document.getElementById(destino).innerHTML=objetoAjax.responseText;
                        }
                }
                objetoAjax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
                objetoAjax.send(cadena_de_busqueda);
         }
}
 function selecciona(valor){
      document.getElementById('entrada').value=valor;
      document.getElementById('pruebas').style.display='none';
}


</script>
</head>
<body>
<input type="text" id="entrada" name="miprueba" value="" size="30" onKeyUp="obtenerDatos(this.value,'ejemplo769.php','pruebas');" /><br />
<div id="pruebas">Abc</div>
</body>
</html>