ajax - jquery 用于 MVC3 中的级联下拉菜单

Question

我在 Asp.net MVC3 中工作。我正在使用两个DropdownList垂直的和Account。根据垂直选择，帐户DropdownList应该会根据垂直选择变得可见并填充数据。如何使用JQuery做到这一点？

我正在使用以下代码并根据 Vartical 的选择获得 Accountvalues。我必须在 Ajax 调用的成功函数中提供什么，以使 AccountDropdownList可见并填充值。

$(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();

要让这成为一个完整的答案，您需要给出一个从服务器返回的数据示例。否则这或多或少是伪代码......