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

Inicio > Javascript

Visitas: 39,817 - 17/02/2006 21:58:17

CODIGO

Este codigo aun no ha sido probado por Tutores.org en Opera

Este codigo aun no ha sido probado por Tutores.org en Safari

# 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

<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>

COMENTARIOS

Comentario usuario

jhoejhoe

2 5

Grasias , te pasaste

Comentario usuario

rid7 26-12-2008 17:05:08

4 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

angy 02-02-2012 16:14:34

3 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

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

sergio 06/07/2004 17.04.57

5 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.