基于另一个组合框选择使用Javascript填充MVC5视图组合框

我正在从事一个ASP.NET核心MVC web项目，我想使用JavaScript（Json）根据组合框A（站点）的选择填充组合框B（教堂）的值。我曾试图进行研究，但没有成功。 这是我的密码：

MVC视图代码：

电台：
教会：

在控制器返回简单json数组中：

var churches = _context.v_Church
                  .Where(m => m.StationID == stationID)
                  .Select(x => new {id = x.ID, name = x.churchName })
                  .ToArray();
return JSON(churches);

在

success

回调中：

success: function (data) {
    var churchSelect = $("#church > select")
    churchSelect.html(""); //clear select
    for (var i =0;i<data.length;i++){
        var opt = document.createElement('option');
        opt.innerHTML = data[i].name;
        opt.value = data[i].id;
        churchSelect.append(opt);
    }
}

成功：函数（数据）{
var church select=$（“#church>select”）
churchSelect.html（“”；//清除选择
对于（var i=0；我是否在应用程序中遇到任何错误？或者检查浏览器的“检查”窗口，如果有错误，请在控制台选项卡中检查。如果有错误，请将其添加到您的问题中。您应该返回churches，而不是ViewData。不，我没有遇到任何错误。但是没有加载churches。因为您正在“churches”变量中加载churches但您并没有返回它，而是返回ViewData-->返回Json（ViewData）