JQuery, elementos agregados despues, no me interpretan las funciones

[ZoroRoronoa]

Hola amigos.

Veran, en toda la pagina tengo un elemento NATO con la clase select_regalos

<select name="miselect" class="select_regalos">
<option value=1>Uno</option>
</select>

Mediante jquery y un link "agregar mas select", agrego con la funcion $.insertBefore, mas select, de la manera que si agrego dos mas, tendre 3 en total

<select name="miselect" class="select_regalos">
<option value=1>Uno</option>
</select>
<select name="miselect" class="select_regalos">
<option value=1>Uno</option>
</select>
<select name="miselect" class="select_regalos">
<option value=1>Uno</option>
</select>

los 3 con la misma clase.

El problema que tengo una funcion que detecta el cambio $(".select_regalos").change( function() { ... });

y solo me funciona con el primer select, es decir, el Nato, cuando hago un cambio con los otros dos select agregados "DESPUES", la funcion change no es detectada.

Una manita amigos

[SeaPirates]

Pues no sé porqué no te funciona, sin más código poco se puede hacer. He estado haciendo unas pruebas y a mi me detecta el cambio con cualquiera de los select añadidos posteriormente

Código Javascript:

$(document).ready(function() {
    $(document).on('click','#add', function() {
        $('body').append('<select name="miselect" class="select_regalos"><option value=1>Uno</option><option value=2>Dos</option></select>');
    });
    
    $(document).on('change','.select_regalos', function() {
        alert('cambiado');
    });
});
 

Código HTML:

<a href="javascript:void(0)" id="add">Añadir</a>
<select name="miselect" class="select_regalos">
<option value=1>Uno</option>
<option value=2>Dos</option>
</select>
 

[rottenp4nx]

Resumen: http://api.jquery.com/on/

[ZoroRoronoa]

Exacto, nose cual es la diferencia, pero la funcion (evento change) como tal, no me va.
Debo usar el evento on()

Código Javascript:

$.on('change','...', function() {
   { ..... }
});
 

Gracias por sus respuestas. TEMA CERRADO