miércoles, 8 de junio de 2011

jCombo - Combos Anidados con jQuery PHP y MySQL

¿Que es un combo anidado?

Un combo anidado son listas desplegables de opciones en donde una depende de la otra en forma de cascada, lo que quiere decir que al seleccionar un elemento de una lista, la otra lista se debe modificar inmediatamente. Normalmente encontramos estos combos en los formularios donde tenemos que seleccionar un pais, luego una region y finalmente una ciudad o provincia. Y todo esto sin tener que volver a cargar la página gracias a AJAX.

¿Y como se implementa?

Para implementarlo se deben hacer llamadas a través de un objeto ajax en el lado del cliente, recibir la peticion, procesarla y convertirla en un elemento "SELECT" dentro de nuestro formulario, sin embargo aqui les dejo la manera simple de hacerlo, solo tienen que utilizar jquery dentro de su formulario, incluyen el plugin y realizan las llamadas de la siguiente manera:

$("select[name='country']").jCombo("getCountries.php");

o

$('#ciudades').jCombo("getEstados.php?id=", {

parent: "#estados", // select del cual dependemos

initial_text: "-- Favor Seleccione --", // texto inicial

selected_value: "5" // valor por defecto para seleccionar

});


Para ver a mas detalle acerca de su uso, la documentación necesaria y descarga del plugin deben revisar este sitio:
http://www.prodiven.com/jcombo

1 comentario:

Martin Alonso dijo...

Hola carlos, he seguido un enlace que me ha llevado hasta una información que tu colocaste "http://www.prodiven.com/jcombo/index.php?lang=es" esto es precisamente lo que he requerido para realizar un trabajo, pero por la falta de conocimientos amplios en JS y en el tema me he visto abocado a pedirte una ayuda.
He seguido los pasos creando los archivos .php y los respectivos script's pero nada.....
No se si es mucha molestia que me puedas tirar algunos tip's que me permitan realizar mi labor..
de antemano muchas gracias.

Martin Alonso Rico A.