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

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