quedaría algo así:
Cita: <html>
<head>
<style type="text/css">
#lista
{
background-color:#EAEAEA;
position:absolute;
width:120px;
top:100px;
left:100px;
display:none;
}
.resaltado
{
background-color:#FFFFFF;
cursor:pointer;
}
.normal
{
background-color:#EAEAEA;
}
</style>
<script language="javascript" type="text/javascript">
var v=0;
function rellenaCampo()
{
campo=document.getElementById("input_2");
div=document.getElementById("lista");
valor=campo.value;
if(valor.length>=2) div.style.display="block";
v=1;
}
</script>
</head>
<body>
<input onBlur="document.getElementById('lista').style.dis play=
(v==0)?'none':'block'" onKeyUp="rellenaCampo()" type="text" id="input_2" />
<div id="lista">
<div id="1" onClick="
v=0;document.getElementById('input_2').value=this.inne rHTML; document.getElementById('lista').style.display='no ne'" onMouseOut="this.className='normal'" onMouseOver="this.className='resaltado'">Elemento 1</div>
<div id="2" onClick="
v=0;document.getElementById('input_2').value=this.inne rHTML; document.getElementById('lista').style.display='no ne'" onMouseOut="this.className='normal'" onMouseOver="this.className='resaltado'">Elemento 2</div>
</div>
</body>
</html>
lo que está en rojo son las modificaciones(si no me alvidé de nada
).
Adicionalmente, y solo como sugerencia, deberías contemplar la posibilidad de que se pueda utilizar también el teclado para seleccionar de la lista.(por ejemplo: cuando se depliega la lista , que al precionar la flechita para abajo se pueda seleccionar la que uno quiere, y con el enter o espacio confirmar).
Es solo una idea, saludos