[SOLUCIONADO] Afectar a un elemento generado a travez de HTML

[BlackJccl1]

hola a todos que tal verán no si alguien le ha pasado por aquí mi problema es el siguiente, tengo un select que me genera un html de la siguiente manera

Código Javascript:

$(function(){
$("#v_unidad_negocio").change(function(){
   var und_negocio = $("#v_unidad_negocio option:selected").val();
if(und_negocio == "do"){
 $("#m_metas_unidad").html('<div class="col-md-2">'
+'<input type="text" class="form-control number" placeholder="Monto" id="n_monto_do1_meta">'
+'</div>')
}else if(und_negocio == "PAP"){
$("#m_metas_usuario").html('<div class="col-md-2">'
+'<input type="text" class="form-control number" placeholder="Monto" id="n_monto_pap1_meta">'
+'</div>')
}
})
});
 

hasta hai todo bien lo que deseo es colocar un formato de numeros para los miles en moneda algo como esto

Código Javascript:

$(function(){
$('#n_monto_do1_meta').number(true,2);
});
 

el problema esta que no se afecta cada vez que cargo mi web no se que hacer

[sintel_1]

Hola.

Supongo que has cargado la libreria jquery y el plugin number

prueba a indicar el codigo cuando haya cargado el documento :

Código Javascript:

$(document).ready(function(){
  $('#n_monto_do1_meta').number(true,2);
});
 

saludos.

[BlackJccl1]

Lo probe pero no me resulto lo probe colocando el codigo dentro de la consola es decir en el navegador y funciona pero cuando cambio en el select y cambia el html el cual se genera a traves de jquery deja de funcionar

[sintel_1]

hola.

pues si que es raro, prueba a volver a indicarselo dentro de la funcion change()

Código Javascript:

$(function(){
$("#v_unidad_negocio").change(function(){
   var und_negocio = $("#v_unidad_negocio option:selected").val();
if(und_negocio == "do"){
 $("#m_metas_unidad").html('<div class="col-md-2">'
+'<input type="text" class="form-control number" placeholder="Monto" id="n_monto_do1_meta">'
+'</div>')
}else if(und_negocio == "PAP"){
$("#m_metas_usuario").html('<div class="col-md-2">'
+'<input type="text" class="form-control number" placeholder="Monto" id="n_monto_pap1_meta">'
+'</div>')
}
$('#n_monto_do1_meta').number(true,2);
})
});
 

espero te funcione
saludos

[BlackJccl1]

Lo probe pues nada aun asi no se que este haciendo mal

[sintel_1]

Hola

lo he probado y tal y como declarabas la variable und_negocio
a mi me daba problemas.

prueba asi:

Código Javascript:

$(document).ready(function(){   
     $("#v_unidad_negocio").on('change',function(){
     //var und_negocio = $("#v_unidad_negocio option:selected").val();
     var und_negocio = $('#v_unidad_negocio :selected').text();
     if(und_negocio == "do"){
     $("#m_metas_unidad").html("<div class=\"col-md-2\"><input type=\"text\" class=\"form-control number\" placeholder=\"Monto\" id=\"n_monto_do1_meta\"></div>");
    }else if(und_negocio == "PAP"){
    $("#m_metas_usuario").html("<div class=\"col-md-2\"><input type=\"text\" class=\"form-control number\" placeholder=\"Monto\" id=\"n_monto_pap1_meta\"></div>");
    }
    $('.number').number(true,2);
      });
 
});
 

saludos

[BlackJccl1]

Hola y graciasssss por tu ayuda no entiendo cual es la diferencia porque uno es el valor y otro por lo que lei de la documentacion es el texto que hay dentro del elemento mas no el valor mmmm no se tal vez lo estube planteando mal o que y nuevamente gracias

[sintel_1]

Hola.

Pues si, segun la documentacion de jQuery lo estabas haciando bien, pero por alguna extraña razon no lo entienden los navegadores.

El caso es que solo ocurre cuando son objetos generados, cosas raras

saludos

[BlackJccl1]

Bueno pero al pareces es asi Graciassssss