Publicentral.com - promocion de paginas webpromocion de paginas web
Mostrando Codigo - Javascript
Code

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.
Visitas: 34,805 - 17/02/2006 21:58:17
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


# Codigo ofrecido por Tutores.org

  1. <HTML>
  2. <HEAD>
  3. <SCRIPT type="text/javascript">
  4. function crit_busqueda() {
  5.   var input=document.getElementById('texto_busqueda').value.toLowerCase();
  6.   var output=document.getElementById('id_textos').options;
  7.   for(var i=0;i<output.length;i++) {
  8.     if(output[i].value.indexOf(input)==0){
  9.       output[i].selected=true;
  10.       }
  11.     if(document.forms[0].texto_busqueda.value==''){
  12.       output[0].selected=true;
  13.       }
  14.   }
  15. }
  16. </SCRIPT>
  17. </HEAD>
  18. <BODY>
  19. <FORM>
  20. Search <input type="text" id="texto_busqueda" onkeyup="crit_busqueda()">
  21. <SELECT id="id_textos">
  22. <OPTION value="">Selecciona
  23. <OPTION value="tutores">tutores
  24. <OPTION value="google">google
  25. <OPTION value="yahoo">yahoo
  26. <OPTION value="altavista">altavista
  27. <OPTION value="wanadoo">wanadoo
  28. </SELECT>
  29. </FORM>
  30. </BODY>
  31. </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 -->
COMENTARIOS
Comentario usuario
jhoe
2 5
Grasias , te pasaste
Comentario usuario
26-12-2008 17:05:08
5 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
Comentario usuario
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
11-11-2009 16:36:16
3 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
Comentario usuario
06/07/2004 17.04.57
2 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

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.