Combos anidados en Jquery

[juanchupin]

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

[marlanga]

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.