Tengo un select el cual al seleccionar un elemento carga otro select dentro de mi página:
<div class="col-md-6 form-group" id="grpCmbIdProd">
<label for="cmbIdProd" class="control-label label-servicio">Producto:</label>
<select class="form-control" name="cmbIdProd" id="cmbIdProd">
</select>
</div>
El código JQuery que realizaba la operación correctamente es:
$("#cmbIdProd").change(function(){
cargaNombreProductoXId($(this).val());
});
Sin embargo luego de unos cambios el select comenzó a generarse de manera dinámica, éste queda generado correctamente sin embargo el evento change dejó de funcionar, investigando como arreglarlo se llegó al siguiente código:
$("#grpCmbIdProd").on('change' , '#cmbIdProd' , function(){
cargaNombreProductoXId($(this).val());
});
Pero sigue sin captar el evento de cambio de valor, como no tengo mucha experiencia en JQuery no sé si es porque está mal hecho o hay algún otro problema. ¿Está correcto el nuevo código y debo buscar en otro lado? ¿O hay algo más que se me escapa y debo agregar para captar correctamente el evento change?
(Editado: Cambio $('#cmbIdProd') por '#cmbIdProd', pero sigue sin funcionar)