级联下拉列表在 Jquery - Select2 中选择框

这是前一个例子的延续。

Cascading DropDown 为国家的城市名称。当用户在父下拉列表中完成国家/地区选择时,Jquery 将调用此方法。我遵循 MVC 概念并提供了级联下拉列表的基本方法。

Ajax 将在服务器上的代码上调用 GetCityName 方法,并且递归地使用接收的信息来创建 City 下拉列表。

请注意 Select2 for cascade 下拉列表的语法。

$('#ddlCountry').on("select2:select", function (event) {
        var countryParam =
            {                    
                "countryId": $("#ddlCountry option:selected").val()
            };
        $.ajax({
            url: $("#ajaxUrlGetCityName").val(),
            data: JSON.stringify({ ddlParams: countryParam}),
            type: 'POST',
            cache: false,
            contentType: 'application/json; charset=utf-8',
            dataType: "json",
            success: function (result) {
                var markup;
                var dbSelect = $('#ddlCity');
                dbSelect.empty();
                for (var i = 0; i < result.length; i++) {
                    dbSelect.append($('<option/>', {
                        value: result.City[i].Value,
                        text: result.City[i].Text
                    }));
                }
            },
            error: function (xhr, ajaxOptions, thrownError) {
                alert(thrownError);
            }
        });
    });