MVC3中級聯下拉的jQuery

Question

我正在Asp.net MVC3中工作。 我正在使用兩個DropdownList ，它們是Vertical和Account 。 根據“垂直”的選擇，“帳戶DropdownList應該變得可見，並根據“垂直”選擇填充數據。 如何使用JQuery做到這一點？

我正在使用以下代碼，並根據Vartical的選擇獲得了Accountvalues。 我必須給Ajax調用成功函數提供什么，以使Account DropdownList可見並填充值。

$(document).ready(function () {
    $("#vertical").change(function (e) {
        var vertical = $("#vertical").val();
        cascadingdropdown(vertical);
    });
});


function cascadingdropdown(vertical) {
    $("#account").empty();
    $("#account").append("<option value='0'></option>");

    $.ajax({
        url: '@Url.Action("Account","Home")',
        dataType: 'json',
        data: {
            vertical: vertical
        },
        success: function (data) {

        }
    });
}

Answer 1

假設您要返回json數據，則將執行以下操作：

var jsonData = $.parseJSON($(data).text());
 for (var i = 0; i < jsonData.length; i++){
  listItems+= "<option value='" + jsonData[i].Value + "'>" + jsonData[i].Text + "</option>";
}
$("#account").html(listItems);
$("#account").show();

為了使這成為一個完整的答案，您需要給出一個從服務器返回的數據的示例。 否則，這或多或少是偽代碼...