deshabilitar mientras carga

[alealvaro]

Buenas!!

Necesito por favor ayuda para resolver lo siguiente:

Tengo 2 select opcion mediante los cuales, al elegir en uno una provincia corre este código:

Código:

$(document).ready(function() {
	$('#provincia').change(function() {
		$.post('cargaciudades.php',{ id:$(this).val() }, function(data){$('#ciudad').html(data);})
	});
});

Con lo cual en el cargaciudades.php consulta la DB y carga las opciones para el select de las ciudades.

Eso funciona bien... lo que necesito agregar es que: cuando se selecciona la provincia demora un cierto tiempo hasta que ejecuta la consulta y carga las opciones, quiero que durante ese lapso el select de las ciudades se deshabilite, y vuelva a habilitarse cuando ya cargó todo.

Como lo logro??? no puedo dar con el código o al menos un ejemplo parecido para adaptarlo.

Desde ya muchas gracias!!!

[Naahuel]

Intentá algo así:

Código Javascript:

$(document).ready(function() {
    $('#provincia').change(function() {
                var select_provincia = $(this);
                select_provincia.attr('disabled',true);
        $.post('cargaciudades.php',{ id:select_provincia.val() }, function(data){
                    $('#ciudad').html(data);
                    select_provincia.attr('disabled',false);
               })
    });
});
 

Lo acomodé un poco como para que sea más claro lo que hace.

[alealvaro]

Excelente Naahuel!! funciona perfecto!!

Muchisimas gracias!!!