Inicio > Listas desplegables > Listas desplegables llenadas dinámicamente (tag select)

Listas desplegables llenadas dinámicamente (tag select)

miércoles, 21 de mayo de 2008 Dejar un comentario Ir a comentarios
Hoy veremos lo que son las listas desplegables (combobox o dropdown listbox o tag select en html) llenados dinámicamente, todo programador web que se inicia en alguna oportunidad se topará con esta pregunta ¿cómo llenar datos en una segunda lista desplegable (etiqueta select en html) de acuerdo a lo escogido en una primera lista?.
En esta entrada responderé a esta pregunta entonces, lo que les enseñe es lo que yo utilizo, lo he aprendido investigando en internet y leyendo bastantes libros, he sacado mis propios snippets, en resumen lo que les puedo decir que para la programación como para la vida misma, siempre hay muchos caminos para hallar la verdad, estos son los míos.Voy a trabajar las páginas con PHP5 y con base datos MySQL, esto para hacerlo más interesante y acorde con la realidad, en caso no se desee así, es más fácil aún y se utilizaría la segunda forma que explico más adelante todo a lado del cliente.

Bien empecemos, esta es la idea.

Escogiendo el departamento de Cajamarca, se llenan dinámicamente las provincias (las listas de la figura tienen varias filas es lo mismo que la lista de una sola fila).

Existen 3 formas teóricas:

  1. Visitando el servidor web y recargando la página.
  2. Utilizando simplemente Javascript (usando arreglos o arrays).
  3. Y utilizado Ajax con Javascript o DOM.

Podemos ver un par de ejemplo uno con GET y otro con POST

  1. Utilizando GET
  2. Utilizando POST
¿Cuándo usar uno u otro?, pues es ver cual se aplica mejor a lo que queremos hacer.La primera es la más lenta al tener que cargar doble vez la página (depende también de la cantidad de datos que se cuenta), para mí especialmente ya no es recomendable pues si la página tiene imágenes, banners y muchos objetos, se te va hacer un mundo todo esto.

La segunda forma es leer todo la información la primera vez que se carga la página, esta la recomiendo para los casos que si los datos de la segunda lista no cambian con el tiempo, por decir nuestro ejemplo donde las provincias podrán aumentar en años, pero si es ver nformación que cambia rápidamente o actualizado por otros usuarios de la aplicación como que no lo recomendaría.

La tercera opción creo que va mejor con lo que necesitamos y es muy rápido, las ventajas del AJAX están en internet hay tanta información que creo que sería redundar, es por eso que he dejado de escribir teoría sobre AJAX en mis artículos anteriores.

Haremos ejemplos de las 3 formas, así se entenderá mejor y puedan sacar sus propias conclusiones, al estar ya grande este artículo haremos uno para cada uno, hasta pronto.

Categories: Listas desplegables Tags:
  1. Sin comentarios aún.
  1. Sin trackbacks aún.