Estoy realizando un proyecto web desde la vista administrador, tengo un table de clientes hecho con ajax, jquery y web method, en el cual me lista todos los clientes registrados con un botón actualizar.
Al darle click tiene que llenar todos los campos del cliente, pero mi dificultad es llenar los DropDownList que tengo en cascada (Pais, departamento...). Solo me llena el país pero no lo demás. Todo lo llamo con WebMethod.
function addRowDT(obj) {
tabla = $("#tbl_Socio").DataTable();
for (var i = 0; i < obj.length; i++) {
tabla.fnAddData([ obj[i].idpais,
obj[i].iddepartamento,
obj[i].idprovincia,
obj[i].idditrito]);
} }
Así lleno el formulario:
$("#cboPais").val(data[21]);
$("#cboDepartamento").val(data[22]);
$("#cboProvincia").val(data[23]);
$("#cboDistrito").val(data[24]);
Codigo Ajax Pais
$.ajax({
type: "POST",
url: "SociosRed.aspx/GetPais",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
async: false,
success: function (result) {
$("#cboPais").empty();
$("#cboPais").append("<option value='0'>--Select--</option>");
$.each(result.d, function (key, value) {
$("#cboPais").append($("<option></option>").val(value.Codigo).html(value.Nombre));
}); },
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert(textStatus + ": " + XMLHttpRequest.responseText);
}
});
Codigo Ajax de Departamento
$("#cboPais").change(function () {
var params = new Object();
params.pais = $("#cboPais").val();
params = JSON.stringify(params);
$.ajax({
type: "POST",
url: "SociosRed.aspx/GetDepartamentosByPais",
data: params,
contentType: "application/json; charset=utf-8",
dataType: "json",
async: false,
success: function (result) {
$("#cboDepartamento").empty();
$("#cboDepartamento").append("<option value='0'>--Select--</option>");
$.each(result.d, function (key, value) {
$("#cboDepartamento").append($("<option></option>").val(value.Codigo).html(value.Nombre));
});
},
error: function (XMLHttpRequest, textStatus, errorThrown) {
alert(textStatus + ": " + XMLHttpRequest.responseText);
}
});
});