Añadir evento a un objeto creado en tiempo de ejecucion

[kyke_89]

Bueno os comento mi problema.
Tengo un <select> con las opciones del 1 al 5, depende de lo seleccionado se crearan dicho numero de <select> mas.

Mi problema surge al intentar añadirles eventos a estos <select> creados en ejecucion. Todos los eventos se crean pero al mostrar por pantalla la opción señalada mediante alert() todos me muestran la opción señalada del ultimo select creado. No se si me explico.

Os dejo un boceto de mi código comentado.

Código Javascript:

$(document).ready(function(){
    $("#menus").change(function () {    
        $("#contenido").html(" ");      
        $num = 0;                       
        $htmltext ="";                  
//#menu: <select> con numeros del 1 al 5 a elegir
//#contenido: capa en la que metere HTML dependiendo        
//$num: guarda la opcion seleccionada
//$htmltext: guarda el codigo html que despues metere en #contenido
 
        $("#menus option:selected").each(function () {
            $num = $(this).text();      
        });                             
/*función para recoger la seleccion nose si habra otra forma mas simple la recogí
 de un ejemplo en el que había multiselect*/            
        
        for($i=1; $i <= $num; $i++){    
            $htmltext+='<select id="submenu'+$i+'" name="submenus" ><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select>'; 
        }
//Bucle que crea tantos select como haya elegido el usuario
        
        $("#contenido").html($htmltext);        
/*Meto el html en la capa para que existan los nuevos select y poderles crear su
 correspondiente evento*/
        
        for($i=1; $i<= $num; $i++){     
            $id="#submenu"+$i;          
            $($id).change(function () { //Añado evento
            
            
                    $($id+" option:selected").each(function () {
                        $num2 = $(this).text();
                    });                 
//Funcion identica a la de arriva para recojer opcion seleccionada
                    alert($num2);       
//Mensaje para ver si funciona bien que no lo hace
            });
        }
//Bucle para crearle eventos a los diferentes select
//$id Guarda la id del select al que se le va a añadir la funcion
            
    });
});
 

Gracias por adelantado por molestaros en leer mi mensaje aunque no puedan resolver mi duda.

Saludos.

[Dany_s]

para eventos creados dinamicamente usa el método live

Código Javascript:

$("#menus option:selected").each(function () {
            $num = $(this).text();      
        });
 

este bucle no hace falta, con .val() obtenes el valor del select

Código Javascript:

$num = $(this).val();
 

this hace referencia al select y lo mismo para los submenus

[kyke_89]

¡Muchísimas gracias!
Me funcionó, gracias a la gente de este foro estoy consiguiendo sacar adelante el proyecto espero poder enseñároslo de aquí a un mes.
Te mando karma.