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