1

Realice el proceso mediante Web Method, me muestra los datos en la consola, pero no me los carga en el combo. [![introducir la descripción de la imagen aquí][1]][1]

El codigo de Jquery es el siguiente:

 $("#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(LoadDepartamento){
            console.log(LoadDepartamento);},
        error: function (XMLHttpRequest, textStatus, errorThrown) {
            alert(textStatus + ": " + XMLHttpRequest.responseText);
        }
    });

});

La funcion es:

function LoadDepartamento(result) {

$("#cboDepartamento").html("");


$.each(result.d, function () {
    $("#cboDepartamento").append($("<option></option>").attr("value", this.Codigo).text(this.Nombre))

});}
19
  • como estas declarando las funciones para onchange, ?ejemplo:PaisSeleccionado el 26 abr. 2019 a las 15:24
  • Acabo de actualizar mi pregunta, asi tengo mi metodo el 26 abr. 2019 a las 15:29
  • AutoPostBack="true", true con minusculas y tambien salta la validacion agrega CausesValidation="false" el 26 abr. 2019 a las 15:37
  • Aun no me carga los datos. Siempre carga el Pais pero no lo demás. el 26 abr. 2019 a las 15:49
  • 1
    Ya actualice la informacion el 26 abr. 2019 a las 17:13

2 respuestas 2

0

Estas mezclando javascript con evento de asp.net eso no funciona junto. Debes usar una des estas alternativas

pero no deberias combinarlas, es para problemas.

Bueno en realidad podrias llegar a una cierta union, o sea renderizar el <asp:DropDownlit ..>, pero no usas sus eventos, sino que estos sean del lado del cliente.

Como se explica aqui

AJAX Cascading DropDownList using jQuery in ASP.Net

Al definir el combo asocia el onchange, pero es un evento del cliente

<asp:DropDownList ID="ddlContinents" runat="server" AppendDataBoundItems="true"
         onchange = "PopulateContinents();">
    <asp:ListItem Text = "Please select" Value = "0"></asp:ListItem>                
</asp:DropDownList>

Despues expone un webmethod

[System.Web.Services.WebMethod]
public static ArrayList PopulateCountries(int continentId)
{
    //codigo
}

el cual invoca con $.ajax al usar

   $.ajax({
        type: "POST",
        url: pageUrl + '/PopulateCountries',
        data: '{continentId: ' + $('#<%=ddlContinents.ClientID%>').val() + '}',
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: OnCountriesPopulated,
        failure: function(response) {
            alert(response.d);
        }
    });

Otro articulo donde explico algo parecido

[jQuery] DropDownList anidados (nested DropDownList)

Cascading DropDownLists With ASP.NET and jQuery

12
  • Gracias, ahora voy a intentarlo de esa manera. Lo estaba intentando con el update panel, pero como lo estoy haciendo en un modal igual me recargaba la pagina al seleccionar el departamento. Eso no pasaría con el Web Method? el 26 abr. 2019 a las 17:51
  • el updatepanel no reresca la pagina pero si el template y todo lo que este contenga, con $.ajax y webmthod esto no sucedera el 26 abr. 2019 a las 17:57
  • Estoy haciendo el web method según su manual, pero me sale un error al definir el item["CodPais"]. No se puede aplicar una indizacion con [] a una expresion del tipo departamento. el 26 abr. 2019 a las 18:36
  • que es item ? no se que codigo estas aplicando peor en principio no veo porque estas usando un array, o si es codigo del lado del servidor el 26 abr. 2019 a las 18:48
  • Acabo de ponerlo en mi pregunta, me estoy guiando de su manual. el 26 abr. 2019 a las 18:52
0

Si juegas con los eventos selected_item y la selección de autopostback=true de cada DDL, vas a poder anidar los DDL que quieras sin necesidad de cosas distintas a asp.net puro y duro.

Debes tener en cuenta que si van en cascada, es decir el DDL n+1 depende de la selección de n, deberá ir eso explícito en el evento del DDL n+1.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.