Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Combos anidados en Jquery

Estas en el tema de Combos anidados en Jquery en el foro de Frameworks JS en Foros del Web. Hola, alguna vez hice un script jquery para combos anidados(varios nuveles) y lo aplique en varias webs y todo perfecto. Hoy lo monté en un ...
  #1 (permalink)  
Antiguo 05/06/2013, 15:31
Avatar de juanchupin  
Fecha de Ingreso: abril-2007
Ubicación: MedellÃ*n, Antioquia, Colombia
Mensajes: 43
Antigüedad: 17 años, 8 meses
Puntos: 3
Combos anidados en Jquery

Hola, alguna vez hice un script jquery para combos anidados(varios nuveles) y lo aplique en varias webs y todo perfecto.

Hoy lo monté en un sistema web que estoy haciendo pero no me quiere trabajar y yo veo todo perfecto hasta el seguimiento que le hago por el inspector de elementos. Yo creo que de tanto mirarlo ya no veo nada. Por eso necesito su ayuda para ver si encontramos el error.

Tengo un primero combo llamado campus
Código HTML:
<select name="campus" id="idcampus">
     <option value="0">Seleccione uno...</option>                                                                               
      <option value="5">Campus1</option>                                                                                                                                               
      <option value="4">Campus2</option>                                                                                                                                                                                                                                                            
</select> 
cuando doy click en alguna de las opciones del combo de arriba (campus) se ejecuta este jquery (abajo) que carga otro combo

Código:
$(function() {
$("#idcampus").change(function() {
    $.post("../ajx/ajx_anidado_departamento.php", {idcampus: $('#idcampus option:selected').val()}, function(data) {
     $("#departamento").html(data);
                    });
                });
});
Y me carga el nuevo combo muy bien que se llama iddepartamento y esta es la estructura

Código HTML:
<select name="departamento" id="iddepartamento">
    <option value="0">Selecciona opción...</option>
     <option value="3">  Departamento1 </option>
     <option value="5"> Departamento 2 </option>
 </select> 
Pero el problema es cuando intento cargar un tercer combo, de acuerdo a la seleccion que se le haga a este segundo combo no me lo carga. Buscando el problema Probé haciendo un alert cuando se seleccione algo del segundo combo (iddepartamento) y me di cuenta no ni siquiera un simple alert lo abre.
Para no cargar toda la estructura del tercer combo voy a mostrar solo con el alert como ejecuto el jquery para que al cambiar el segundo combo se dispare el alert.


Código:
$(function() {

$("#iddepartamento").change(function() {
                    alert("g");
                });
});
El anterior jquery debiera de disparar un alert y ni siquiera un error muestra en el inspeccionar elemento del navegador me muestra.



Muchas gracias por la ayuda
  #2 (permalink)  
Antiguo 06/06/2013, 07:21
Avatar de marlanga  
Fecha de Ingreso: enero-2011
Ubicación: Murcia
Mensajes: 1.024
Antigüedad: 13 años, 11 meses
Puntos: 206
Respuesta: Combos anidados en Jquery

Arriba en el jquery al segundo select lo llamas con ID departamento, y abajo lo llamas con ID iddepartamento. Raro.
Doy por echo que el ajax sólo devuelve una cadena con uno o más <OPTION...>, y que los insertas dentro del select. Si el PHP devolviera el <SELECT... > <OPTION...>...</SELECT> el evento change no funcionaría, porque el elemento al que se le creó ese evento no existiría tras la llamada AJAX, porque habría sido machacado por otro SELECT (no importa que tenga el mismo nombre e ID.

Etiquetas: jquery
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:27.