Javascript - Busqueda en lista desplegable desde campo de texto
Códigos Javascript
Permite la busqueda en una lista desplegable cuando introducimos alguna letra o palabra en un campo de texto.
Tutores.org
Mostrando Codigo - Javascript
CODIGO
# Codigo ofrecido por Tutores.org
- <HTML>
- <HEAD>
- <SCRIPT type="text/javascript">
- function crit_busqueda() {
- var input=document.getElementById('texto_busqueda').value.toLowerCase();
- var output=document.getElementById('id_textos').options;
- for(var i=0;i<output.length;i++) {
- if(output[i].value.indexOf(input)==0){
- output[i].selected=true;
- }
- if(document.forms[0].texto_busqueda.value==''){
- output[0].selected=true;
- }
- }
- }
- </SCRIPT>
- </HEAD>
- <BODY>
- <FORM>
- Search <input type="text" id="texto_busqueda" onkeyup="crit_busqueda()">
- <SELECT id="id_textos">
- <OPTION value="">Selecciona
- <OPTION value="tutores">tutores
- <OPTION value="google">google
- <OPTION value="yahoo">yahoo
- <OPTION value="altavista">altavista
- <OPTION value="wanadoo">wanadoo
- </SELECT>
- </FORM>
- </BODY>
- </HTML>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Busqueda en lista desplegable desde campo de texto" href="http://www.tutores.org/codigo/1624/" target="_blank">Busqueda en lista desplegable desde campo de texto</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Busqueda en lista desplegable desde campo de texto" href="http://www.tutores.org/codigo/1624/" target="_blank">Busqueda en lista desplegable desde campo de texto</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
rid7
26-12-2008 17:05:08
1
5
Hola!
Gracias amigo, excelente codigo. Pero tengo un priblemita, supongamos que mi codigo es este:
<SELECT id="id_textos">
<OPTION value="">Selecciona
<OPTION value="1">tutores
<OPTION value="2">google
<OPTION value="3">yahoo
</SELECT>
Las opciones tienen un ID, al tratar de buscar logicamente me busca el ID en lugar del nombre de la opcion. Hay manera de en lugar que busque el valor 1,2,3, me busque la palabra tutores,google,etc. aun tneiendo en values los Id's??, lo que pasa es que es un form de registro y necesito que se lleve el id.
Gracias de antemano
Gracias amigo, excelente codigo. Pero tengo un priblemita, supongamos que mi codigo es este:
<SELECT id="id_textos">
<OPTION value="">Selecciona
<OPTION value="1">tutores
<OPTION value="2">google
<OPTION value="3">yahoo
</SELECT>
Las opciones tienen un ID, al tratar de buscar logicamente me busca el ID en lugar del nombre de la opcion. Hay manera de en lugar que busque el valor 1,2,3, me busque la palabra tutores,google,etc. aun tneiendo en values los Id's??, lo que pasa es que es un form de registro y necesito que se lleve el id.
Gracias de antemano
Comentario usuario
angy
02-02-2012 16:14:34
1
5
podrias ser mas esplñicito con tu codigo donde lo tengo que poner paraq este me funcione.
Comentario usuario
lajova666
11-11-2009 16:36:16
5
5
necesito saber como se hace la siguiente consulta
primero: hice una consulta y con esta lleno la lista desplegable.
segundo: necesita saber como hago para seleccionar un valor de esa lista con el evento (onclick)y hacer una consulta en la base de datos en php y mysql
primero: hice una consulta y con esta lleno la lista desplegable.
segundo: necesita saber como hago para seleccionar un valor de esa lista con el evento (onclick)y hacer una consulta en la base de datos en php y mysql
Comentario usuario
sergio
06/07/2004 17.04.57
3
5
hola necesito ayuda para crear unos campos de búsquedas para buscar baterias para autos y no se como hacerlo. agradezco me ayuden..
INSERTAR COMENTARIO