buscar en un select

Seppo · #1 (**permalink**) 22/12/2005, 06:32

Buenas
estoy tratando de ver si se puede tener un formulario con un <input type="text" ...> y un <select ...> que a medida que se ingresen valores en el cuadro de texto vaya buscando en los valores del select...

Ej.:

Código HTML:

<input type="text" name="buscar" onKeyPress="???">
<select name="lista">
  <option value="abc">abc</option>
  <option value="abd">abd</option>
  <option value="acd">acd</option>
</select>

Y al escribir a se queda en el primero
ab en el primero
abd en el segundo
ac en el tercero...

Gracias =)

Cap.Buscapina · #2 (**permalink**) 22/12/2005, 09:58

Cita:

<html>
<head>
<script>
function sel(c){
formu=document.forms['formulario'];
caracteres=c.length;
if(caracteres!=0){
for (x=0;x<formu['lista'].options.length;x++){
if(formu['lista'].options[x].value.slice(0,caracteres)==c){
formu['lista'].selectedIndex=x;
formu['lista'].style.visibility="visible";
break;
}else{
formu['lista'].style.visibility="hidden";
}
}
}else{
formu['lista'].style.visibility="hidden";

}
}
</script></head>

<body>
<form action="" name="formulario" >
<input type="text" name="buscar" onKeyUp="sel(this.value)" style="width:200px;"><br>
<select name="lista" size="5" style="width:200px;visibility:hidden">
<option value="abc">abc</option>
<option value="abd">abd</option>
<option value="acd">acd</option>
<option value="rcb">rcb</option>
<option value="rbc">rbc</option>
<option value="rbd">rbd</option>
<option value="rbe">rbe</option>
</select>
</form>
</body>
</html>

lo que está en rojo va de yapa, si te sirve, sino , borralo.

saludos

Seppo · #3 (**permalink**) 22/12/2005, 20:48

Muchas gracias!
Exactamente lo q quería...