Utilizamos cookies propias y de terceros para mejorar nuestros servicios y mostrarle publicidad relacionada con sus preferencias mediante el análisis de sus hábitos de navegación. Si continúa navegando, consideramos que acepta su uso.
Las cookies de este sitio web se usan para personalizar el contenido y los anuncios, ofrecer funciones de redes sociales y analizar el tráfico. Además, compartimos información sobre el uso que haga del sitio web con nuestros partners de redes sociales, publicidad y análisis web, quienes pueden combinarla con otra información que les haya proporcionado o que hayan recopilado a partir del uso que haya hecho de sus servicios. Puede cambiar la configuración u obtener más información aquí

Aceptar

Listas dependientes

Google

Formularios

Listas dependientes

Utilidad que cambia las opciones de un selector en base a lo escogido en otro selector.

El ejemplo viene para un total de 3 selectores.

Configuración

Crear un Array que lleve por nombre el valor enviado por el selector que llamó a la función:

por ejemplo, si se escoge en el primer selector la opción "herramientas" que lleva también "herramientas" por value llamará al Array (lista) del mismo nombre.

var herramientas = new Array();
herramientas[0] = new slctr("texto descriptivo de la lista")
herramientas[1] = new slctr("texto a mostrar","nombre de la siguiente lista a mostrar")

En la posición [0] se coloca la descripción de la nueva lista. La posición [0] no se activa nunca al escogerla.

A partir de la posición [1] en adelante colocaremos un primer valor que será el texto a mostrar en el selector, y un segundo valor sólo si va a tener otra lista dependiente. En el caso afirmativo el segundo valor será el nombre del array asociado a ese valor (la lista que habrá de mostrarse en el caso de que se escoja esa opción). Si no tiene una lista dependiente se puede omitir este segundo valor (parámetro) o bien ponerlo en null

herramientas[0] = new slctr('-- Seleccione una opción --')
herramientas[1] = new slctr('Jardín','jardin')

Cada selector que tenga otro selector dependiente deberá llevar en el evento onchange la llamada a la función, pasándole como parámetros a sí mismo (this) y el selector que deba cambiar sus opciones

onchange="slctryole(this,this.form.nombreDelSelectACambiar)"

<select name="select1" onchange="slctryole(this,this.form.select2)">

Mostrar código

Parte código javascript [Seleccionar] 
Parte código html [Seleccionar] 

Si necesitas sacar los datos desde una base de datos puedes consultar los siguientes tutoriales



Buscador de animales en adopción
Creative Commons License
Javascript códigos by tunait is licensed under a Creative Commons Reconocimiento-Compartir bajo la misma licencia 2.5 España License.
Permissions beyond the scope of this license may be available at http://tunait.com/javascript/index.php?s=condiciones.

Todos los códigos incluídos los de la página han sido paridos y tecleados por tunait.com. Política de cookies subir