Select que permite entrada de texto

ane_aaron · #1 (**permalink**) 20/10/2005, 11:54

Hola;

¿Se puede crear un <select> que permita entrada de texto y que a medida de que metas caracteres vaya presentando la opcion que coincida?

Algunos navegadores como FreFox lo hacen con los <input text> pero uno no puede controloar lo que muestran.

tunait · #2 (**permalink**) 20/10/2005, 12:02

Qué tal ane aaron,

¿podrías definir un poco más lo que quieres? no acaba de quedar claro.

ane_aaron · #3 (**permalink**) 20/10/2005, 12:37

Lo voy a intentar a ver si puedo.

Pues bien tengo este select:

Código:

 <select class="requerido" title="Cuenta" name="cuenta" id="cuenta">
                     <option value="0">::CUENTAS::</option>
                     <option value=13 >1000  Bancos</option>
                     <option value=20 >1200  Ventas</option>
                     <option value=18 >1230  Caja</option>
                     <option value=19 >1233  Almacen</option>
           </select>

Pero solo puedo elegir con el raton o si quiero elegir la opcion 1233, tengo que presionar 4 veces el 1 (eso es incomodo cuando tu select tiene 60 opciones que empiezan con 1 y queres la 60).

Quiero que me permita ir introduciendor el 1233 y a medida que voy intruciendo los digitos me valla mostrando la primera opcion que coincida sin mostrarme toda la lista a menos que yo le pique.

Asi si yo tecleo 12 el select tiene que presentar algo como:

1230 Caja

y cuando le meta el 3

1230 Caja

finalmente

1233 Almacen

Ya me di a entender.

programeitor · #4 (**permalink**) 21/10/2005, 14:04

<!DOCTYPE HTML PUBLIC><html><head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>
seleccionar opcion de un select segun se escribe en un campo de texto
</title><script>
var opn=0;
function selecciona(busqueda)
{
var op=[]
op.s=document.getElementById('sel').options;
op.c=busqueda;
op.l=op.c.length;
for(n=0;n<op.s.length;n++)
{
op.t=op.s[n].value.substring(0,op.l);
if(op.c==op.t)
{
op.s[opn].selected=false;
op.s[n].selected=true;
opn=n;
}
}
}
</script></head><body onload="selecciona('casa');">
<select id="sel"multiple>
<option value="ahora">ahora
<option value="bacalao">bacalao
<option value="becerro">becerro
<option value="casa">casa
</select>
<input type="text" onkeyup="selecciona(this.value)">
</body></html>