級聯下拉選單在 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);
            }
        });
    });