Home - HTMLWebScript - Formularios - Triple combo - 1 - 2 - 3 - 4
Triple combo (I)
por Luciano Moreno, del departamento de diseño web de BJS
Software.
Introducción.-
A lo largo de las últimas semanas he recibido diferentes peticiones de ayuda solicitándome un script para la creación de un triple combo, tal que el segundo se vaya rellenando dinámicamente según la opción elegida por el usuario en el primero, y lo mismo con el tercer combo respecto de la opción elegida en el segundo.
Este script sería una ampliación de los que se ven por Internet, que generalmente manejan dos combos, y que son muy útiles (por ejemplo, para crear un menú mediante listas de selección).
La verdad es que me costaba trabajo ponerme a la tarea, más que nada debido a la complejidad que conlleva el script, complejidad que no lo es tanto desde el punto de vista de la programación en JavaScript, si no más bien porque las diferentes funciones a crear varían casi geométricamente con el número de opciones que contenga cada combo, con lo que se puede llegar a un código repetitivo, complejo y aburrido de programar.
Además, la actualización de este tipo de script es muy compleja, debiendo escribir nuevas funciones o cambiar los datos que figuran en las ya creadas en cuanto varíe el número o cantidad de las opciones. También, hay que tener en cuenta que generalmente será más conveniente construir estos scripts mediante algún lenguaje de código en servidor (ASP, JSP, etc.), ya que obtendremos una mayor claridad y estructuración, aparte de permitirnos almacenar los valores de las variables en una base de datos, ganando con ello mucha facilidad en las actualizaciones.
Pero por otra parte, son unos scripts muy explicativos de diferentes objetos, métodos y propiedades del lenguaje JavaScript, y si el nivel de complicación no es demasiado, el efecto conseguido con ellos merece la pena. Así que cuando nuestro amigo Marcos Labrado me pidió un triple combo, que además tuviera la propiedad de que al seleccionar una opción en el último se rellenaran dos cajas de texto con valores particulares asociados a cada opción, decidí poner manos a la obra.
Vamos a desarrollar el script partiendo desde un doble combo y usando funciones sencillas y explicativas, para poco a poco ir complicando el tema, acabando con el script que me pide Marcos.
Si tenéis pegas o no comprendéis algo, ya sabéis, me ponéis un emilio y procuraremos aclararlo.
Home - HTMLWebScript - Formularios - Triple combo - 1 - 2 - 3 - 4