Ajax me inhabilita enviar otro formulario mediante otro codigo ajax

[villagran_gg]

Antes que nada buen comienzo de año a todos.
Bueno pasando al codigo, es problema que se me presenta es el siguiente, tengo un select que envia una variable mediante ajax a un documento php, este documento procesa el valor que se le envio y dependiendo de este escupe un formulario. Por ejemplo si el valor que recibe el php es valor 1, el php devuelve un formulario 1, si el valor que recibe es 2, el php devuelve un formulario 2 etc etc.

Este es mi codigo ajax

Código Javascript:

$(document).ready(function(){
           $("#ejercicio").change(function () {
                   $("#ejercicio option:selected").each(function () {
                    eleg=$(this).val();
                    $.post("practicas/vistas/ajax/ejercicio.php", { eleg: eleg }, function(data){
                    $("#oda").html(data);
                    });            
                });
           })
        });
 

Hasta aqui todo bien, la variable se envia y se procesa de tal forma que me devuelve cierto formulario. El formulario que me retorna tambien sera trabajado con ajax, pero aqui el problema ¡¡El formulario no funciona, no pasa nada, no se envian variables, simplemente no se ejecuta el ajax!! y para asegurarme que mis valores id con los cuales relaciono el form con el ajax estan bien, probe poniendo de forma directa el formulario, osea que este no sea traido por ajax simplemente que ya este ahi. y en ese caso si funciono. pero en el otro caso no, lo cual se me hace raro, es como si al escupir el form por ajax este queda inavilitado.

este es ajax con el que supuestamente se deveria de procesar el formulario que se escupe.

Código Javascript:

$(function(){
          $("#btntx").click(function(){
                    var url="practicas/process/txejerc.php";
                    $.ajax({
                        type:"POST",
                        url:url,
                        data:$("#formtx").serialize(),
                        success:function(data){
                            $("#menstx").html(data);
                        }
 
                    });
 
                    return false;
                });
            });
 

y este es un ejemplo de formulario

Código HTML:

<form id="formtx" method="post" enctype="multipart/form-data" class="form-horizontal"> 
    <input type="text" value="m">
    <button type="button" id="btntx" value="enviar" class="btn btn-success btn-sm">Crear ejercicio</button>
    <div id="menstx"></div>
</form>
 

y como les digo si pongo de forma directa el formulario, este si se ejecuta, pero si lo aparesco con ajax, queda inavilitado, espero me puedan ayudar con esta duda se los agradeceria mucho

[Zenok]

Quizás sea problema de que al añadir el formulario dinámicamente el evento click no lo detecta.

Prueba a cambiar

Código Javascript:

$("#btntx").click(function(){
 

Por

Código Javascript:

$(document).on("click", "#btntx", function(){
 

[siddartha23]

Cuando traes elementos por ajax debes delegar los eventos a otros que sí estén al momento de cargar el DOM, de otro modo no lo va detectar...