Inicio > Ajax, Bootstrap, Codeigniter, Javascript, Jquery, Listas desplegables, MySql, Php5, Select, Videos > Listas Desplegables con CodeIgniter, jQuery y Javascript

Listas Desplegables con CodeIgniter, jQuery y Javascript

Miércoles, 20 de junio de 2012 Dejar un comentario Ir a comentarios

Logo CodeIgniterHola amigos, continuando con ejemplos de listas desplegables, esta vez usaremos más temas sobre programación de aplicaciones web usando el framework en PHP CodeIgniter, la librería jQuery y actualizaremos el uso de arreglos en Javascript para poblar las listas, utilizaremos el IDE Sublimetext y utilizaremos algunos de sus complementos.

Este post consta además de cuatro videos donde aprenderemos nuevos temas de programación.

Del uso del framework CodeIgniter aprenderemos a retirar del URL de nuestro proyecto el index.php, también como hacer un controlador la entrada de nuestro proyecto o sistema, además aprenderemos a usar elementos del helper form,  form_label y form_dropdown, de este último aprenderemos a llenarlo desde un arreglo.

Aprenderemos a usar la hoja de estilos bootstrap.css de twitter y generaremos una grilla de 940px, para llenar nuestros elementos.

Usaremos jQuery en su versión 1.7.2 y haremos una llamada con getJSON para obtener un objeto JSON (en el video indico que es un arreglo, pero en sí es un objeto) con el cual llenaremos una lista con $.each como plantilla o template y llenar una etiqueta (option) con parámetros.

Utilizaremos arreglos en Javascript para llenar listas, aprenderemos a prepararlos en un modelo y como enviarlo a la vista para acceder a ellos,  además el arreglo contendrá más datos (no sólo value y el text, sino otros datos) y poder acceder a ellos de acuerdo al registro seleccionado en la lista.

Obtendremos los datos del registro seleccionado de la lista y lo agregaremos y un span para poder visualizarlo, además accederemos a un arreglo Javascript para obtener elementos no almacenados en la lista.

Espero les haya gustado… , sólo está lo escrito en este post, el framework lo tienen que bajar desde el sitio de CodeIgniter

Descarga el código de este post haciendo click en el siguiente botón

También lo puedes encontrar visitando mi sitio en GitHub

Hasta pronto…

  1. Daniela
    Sábado, 30 de agosto de 2014 a las 17:36 | #1

    Muuuuuuuuchas gracias, aunque no me salian las provincias como explica en el video con JSON, pero guiandome con el ejemplo de GitHub lo resolvi, muchas gracias nuevamente

  2. Jueves, 2 de mayo de 2013 a las 10:28 | #2

    una pregunta,

    por que el codigo que suministras es diferente al del video???

  3. antonio
    Martes, 30 de abril de 2013 a las 16:11 | #3

    @marlon
    intenta usar el firebug y ve que error te sale, me avisas cualquier cosa

  4. marlon
    Martes, 30 de abril de 2013 a las 03:08 | #4

    Hola buenas dias aber si me podrias resolver una duda a la hora de seleccionar el departamento aparecen todos pero con las provincias no me aparece nada, ni tampoco da ningun fallo gracias de antemano

  5. luis
    Domingo, 16 de septiembre de 2012 a las 21:08 | #5

    hola q tal excelente ejemplo amigo Antonio..te queria hacer una consulta …sabes tambien estoy programando con codeigniter …no se si tendras algun ejemplo con registrar,editar,eliminar con codeigniter …usando Ajax…

    ah si tuvieras como subir imagen y guardala en la bd mysql ….y luego mostrarla

  6. antonio
    Viernes, 20 de julio de 2012 a las 20:03 | #6

    @Luis
    Hola Luis, la verdad no uso IE en mis clientes, les recomiendo utilizar otros navegadores, tendrías que googlear o buscar en la FAQ de bootstrap sobre los problemas que tienes… suerte

  7. Luis
    Viernes, 20 de julio de 2012 a las 08:23 | #7

    Hola Antonio…
    Me interesó mucho el bootstrap que utilizas con CI y lo estuve revizando pero tuve algunas dificultades que quiero compartirte y si te es posible me puedas retroalimentar.
    En mi equipo con Win7PRO de 32bits no tengo problemas de visualización del HTML5 pero en los demás equipos con WinXP e IE8 no se ven bien las vistas.
    Que me falta incluir en mis vistas para IE8 para que se puedan ver bien?

  8. Wilfredo
    Jueves, 5 de julio de 2012 a las 22:24 | #8

    Podrías hacerme el favor de ayudarme es que no e logrado cargar las provincias tengo el código idéntico pero no me funciona haber si me puedes echar una mano con esto.

  1. Sin trackbacks aún.