Problema funciones Xajax

[AdrianSeg]

Soy principiante con ajax y me encontré el primer problema que no puedo solucionar. Tengos dos funciones ajax, una que monta un select dinámico y otra que en base a la selección anterior muestra o no ciertos datos, es decir, tengo dos funciones. Por separado funcionan pero juntas no. Ejemplo:

Código Javascript:

<script language="JavaScript" type="text/JavaScript">
 
    $(document).ready(function(){
        
//Monta el select de forma correcta
           xajax_montar_select();
 
        //Detectando el valor del select "NO FUNCIONA SI EL SELECT SE HA MONTADO CON LA FUNCION ANTERIOR"
 
        $("#padre").change(function(){
             var id = $('#padre').val();
             var name = $("#padre option:selected").text();
 
            //Invocamos al método de xajax
                 xajax_mostrar_padreHijo(id,name);
           });
    });
</script>
 

Código Javascript:

<script language="JavaScript" type="text/JavaScript">
 
    $(document).ready(function(){
        
//Monta el select de forma correcta
           //xajax_montar_select();
 
        //Detectando el valor del select "FUNCIONA CORRECTAMENTE PORQUE EL SELECT HA SIDO ESCRITO EN LA MISMA PAGINA DE FORMA ESTATICA"
 
        $("#padre").change(function(){
             var id = $('#padre').val();
             var name = $("#padre option:selected").text();
 
            //Invocamos al método de xajax
                 xajax_mostrar_padreHijo(id,name);
           });
    });
</script>
 

Los dos html que tiran las dos opciones son idénticos, pero si el select viene de la funcion montar_select no consigo activar el jquery que detecta la opción.

[AdrianSeg]

Lo he conseguido pasando el javascript por la primera función xajax de esta manera.

Código Javascript:

$respuesta->script('$("#padre").change(function(){ var id = $("#padre").val(); var name = $("#padre option:selected").text(); xajax_mostrar_padreHijo(id,name);
    
       });');
 

Alguien me explica por qué o si hay otra manera? Gracias :)

[David]

¿Qué tienes en la función xajax_montar_select()? Es posible que estés intentando añadir el listener del evento cuando el elemento todavía no existe.

[AdrianSeg]

Te dejo el código dela función.

Código Javascript:

function montar_select(){
    
     include ('conexionlite.php');
    
        // Preparamos la sentencia y sacamos el array de datos PDO SQLite 
          $sql=("SELECT * FROM menu WHERE padre='0'");
        
        $salida = '<select name="padre" id="padre">';
        $salida.='<option value="0">-Seleccione una opcción-</option>';
        $salida.='<option value="1">-Nuevo Padre-</option>';
 
 
     foreach ($dbh->query($sql) as $row) {
         
        $salida.='<option value="'.$row['id'].'">'.$row['nombre'].'</option>';
        
    }
  
              $salida.='</select>';
 
            
            //Instanciamos el objeto para generar la respuesta con ajax
            $respuesta = new xajaxResponse();
            //escribimos en la capa con id="respuesta" el texto que aparece en $salida
            $respuesta->assign("divPadre","innerHTML",$salida);
            $respuesta->script('$("#padre").change(function(){ var id = $("#padre").val(); var name = $("#padre option:selected").text(); xajax_mostrar_padreHijo(id,name);
    
       });');
 
 
//Tenemos que devolver la instancia del objeto xajaxResponse
return $respuesta;
 
}
 

[David]

Ya veo, sí, efectivamente pasa lo que te indiqué, que estabas asignando el evento antes de que el elemento exista.

La forma como lo resolviste es correcta, quizás en lugar todo el código allí puedes crear una función y en $respuestas->script solo colocas la llamada a esa función.