MVC DropDownListFor在另一个下拉列表的选择更改时填充

@Html.DropDownListFor(model => model.FirstDropDownListValue, Model.FirstDropDownListOptions, "请选择", new { id = "firstDropDownList" })

$(document).ready(function() {
    $('#firstDropDownList').change(function() {
        var selectedValue = $(this).val();
        $.ajax({
            url: '/Controller/Action',
            type: 'GET',
            data: { selectedValue: selectedValue },
            success: function(data) {
                // 在成功回调函数中，根据返回的数据填充第二个下拉列表
                populateSecondDropDownList(data);
            }
        });
    });
});

function populateSecondDropDownList(data) {
    // 根据返回的数据生成第二个下拉列表的选项
    var options = '';
    for (var i = 0; i < data.length; i++) {
        options += '<option value="' + data[i].Value + '">' + data[i].Text + '</option>';
    }
    // 将生成的选项填充到第二个下拉列表中
    $('#secondDropDownList').html(options);
}

public ActionResult Action(string selectedValue)
{
    // 根据selectedValue查询数据库或其他数据源，获取第二个下拉列表的选项数据
    var secondDropDownListOptions = GetSecondDropDownListOptions(selectedValue);

    // 将选项数据以JSON格式返回
    return Json(secondDropDownListOptions, JsonRequestBehavior.AllowGet);
}