Amigos como estan, tengo el siguiente codigo en javascript que me carga las listas desplegables en cascada de Departamento, Provincia y Distrito. Al inicio se quedan desabilitas las opciones de provincia y distrito hasta que se seleccione un departamento, una vez seleccionado se habilita la provincia y asi hasta el distrito. En el metodo crear funciona perfectamente al momento de crear los datos del usuario, cargan las listas y se guarda la informacion, pero al momento de la edicion, no se estan cargando los datos correspondientes, se quedan en blanco para que de nuevo se vuelva a seleccionar los valores, espero me puedan ayudar
$(document).ready(function () {
$('#select_departamento').attr('disabled', true);
$('#select_provincia').attr('disabled', true);
$('#select_distrito').attr('disabled', true);
CargarDepartamento();
$('#select_departamento').change(function () {
var departamentoId = $(this).val();
if (departamentoId > 0) {
CargarProvincia(departamentoId);
}
else {
alert("Seleccione Departamento");
$('#select_provincia').empty();
$('#select_distrito').empty();
$('#select_provincia').attr('disabled', true);
$('#select_distrito').attr('disabled', true);
$('#select_provincia').append('<option>--Select Provincia--</option>');
$('#select_distrito').append('<option>--Select Distrito--</option>');
}
});
$('#select_provincia').change(function () {
var provinciaId = $(this).val();
if (provinciaId > 0) {
CargarDistrito(provinciaId);
}
else {
alert("Seleccione Provincia");
$('#select_distrito').empty();
$('#select_distrito').attr('disabled', true);
$('#select_distrito').append('<option>--Select Distrito--</option>');
}
});
});
function CargarDepartamento() {
$('#select_departamento').empty();
$.ajax({
url: '/Propietarios/GetDepartamento',
success: function (response) {
if (response != null && response != undefined && response.length > 0) {
$('#select_departamento').attr('disabled', false);
$('#select_departamento').append('<option>--Select Departamento--</option>');
$('#select_provincia').append('<option>--Select Provincia--</option>');
$('#select_distrito').append('<option>--Select Distrito--</option>');
$.each(response, function (i, data) {
$('#select_departamento').append('<option value=' + data.id + '>' + data.departamento + '</option>');
});
}
else {
$('#select_departamento').attr('disabled', true);
$('#select_provincia').attr('disabled', true);
$('#select_distrito').attr('disabled', true);
$('#select_departamento').append('<option>--Desabilitado--</option>');
$('#select_provincia').append('<option>--Desabilitado--</option>');
$('#select_distrito').append('<option>--Desabilitado--</option>');
}
},
error: function (error) {
alert(error);
}
});
}
function CargarProvincia(departamentoId) {
$('#select_provincia').empty();
$('#select_distrito').empty();
$('#select_distrito').attr('disabled', true);
$.ajax({
url: '/Propietarios/GetProvincia?Id=' + departamentoId,
success: function (response) {
if (response != null && response != undefined && response.length > 0) {
$('#select_provincia').attr('disabled', false);
$('#select_provincia').append('<option>--Select Provincia--</option>');
$('#select_distrito').append('<option>--Select Distrito--</option>');
$.each(response, function (i, data) {
$('#select_provincia').append('<option value=' + data.id + '>' + data.provincia + '</option>');
});
}
else {
$('#select_provincia').attr('disabled', true);
$('#select_distrito').attr('disabled', true);
$('#select_provincia').append('<option>--Desabilitado--</option>');
$('#select_distrito').append('<option>--Desabilitado--</option>');
}
},
error: function (error) {
alert(error);
}
});
}
function CargarDistrito(provinciaId) {
$('#select_distrito').empty();
$.ajax({
url: '/Propietarios/GetDistrito?Id=' + provinciaId,
success: function (response) {
if (response != null && response != undefined && response.length > 0) {
$('#select_distrito').attr('disabled', false);
$('#select_distrito').append('<option>--Select Distrito--</option>');
$.each(response, function (i, data) {
$('#select_distrito').append('<option value=' + data.id + '>' + data.distrito + '</option>');
});
}
else {
$('#select_distrito').attr('disabled', true);
$('#select_distrito').append('<option>--Desabilitado--</option>');
}
},
error: function (error) {
alert(error);
}
});
}
<div class="form-group">
<label class="control-label">Departamento</label>
<select asp-for="UbigeoId" class="form-select" id="select_departamento" required></select>
<span asp-validation-for="UbigeoId" class="text-danger"></span>
</div>
<div class="form-group">
<label class="control-label">Provincia</label>
<select asp-for="UbigeoProvId" class="form-select" id="select_provincia" required></select>
<span asp-validation-for="UbigeoProvId" class="text-danger"></span>
</div>
<div class="form-group">
<label class="control-label">Distrito</label>
<select asp-for="UbigeoDistId" class="form-select" id="select_distrito" required></select>
<span asp-validation-for="UbigeoDistId" class="text-danger"></span>
</div>