Cascading Dropdown in ASP.NET MVC using jQuery

 

 

 

 

 

$(document).ready(function () {

    $.ajaxSetup({ "error": function (XMLHttpRequest, textStatus, errorThrown) {

        alert(textStatus);

        alert(errorThrown);

        alert(XMLHttpRequest.responseText);

    } 

    });

    $("#ddrCountry").change(function () {

        var url = "/Home/AsyncGetCountryLists";

        //alert(url);

        $.getJSON(url, { siteId: $("#ddrCountry option:selected").val() }, function (data) {

            $("#ddrState").empty();

            $("#ddrState").append("<option value=''> </option>");

            $.each(data, function (index, optionData) {

                $("#ddrState").append("<option value='"

                                           + optionData.Value

                                          + "'>" + optionData.Text

                                           + "</option>");

            });

        });

    });

});