Buenas tardes, en una ventana modal tengo dos select, el cual el primero se carga al hacer clic en un botón que abre la ventana modal. Al seleccionar una opción en el primero, se carga el segundo.... hasta ahí todo está bien. después de llenar los campos y enviar el formulario de la ventana modal, ésta se cierra(esconde en realidad con el hide).
Entonces al querer agregar otra cosa y vuelva a hacer el mismo procedimiento de hacer clic para abrir la ventana modal que contiene el formulario, al seleccionar una opción del primer select, el segundo se carga pero, éste se carga dos veces, y así sucesivamente cada vez que quiera agregar un nuevo registro.
el código es el siguiente:
Código:
$("document").ready(function(){
$('body').on('click','#btnAgregarOficina',function(){
$(".modal-body #nom_Oficina").val("");
$("#selectAreaOficina").html("");
$("#selectUbicacionOficina").html("");
$("#selectUbicacionOficina").load("../server/selectUbicacionOficina.php" );
$("#selectUbicacionOficina").change(function(){
var id=$("#selectUbicacionOficina").val();
$.get("../server/selectAreaOficina.php",{param_id:id})
.done(function(data){
$("#selectAreaOficina").html(data);
})
})
})
});
De antemano... Muchas gracias por su tiempo.