asp.net MVC 4問題與Ajax功能

Question

我有一個asp.net mvc4項目，其中有基於@ Ajax.BeginForm的過濾器表單，當我檢查該部分底部的按鈕時，加載了帶過濾元素的表，其中有一個下拉列表。 當我選擇一項下拉菜單時，我希望在較近的列中加載基於ma select元素的信息，但是當我選擇element時，選擇isnt不起作用。 當我在控制台中應用我的js腳本時，它會起作用。 我的表呈現為局部視圖。

<div class="col-md-2">
                    <select id="UniversityProgramId" name="UniversityProgramId">
                        <option disabled="disabled">Select program</option>
                        @foreach(var program in item.Program)
                        {
                            <option value="@program.ProgramId">@program.ProgramName</option>
                        }
                    </select>
                </div>

$(document).ready(function () {
    $(function () {
        $('#UniversityProgramId').change(function () {
            $.getJSON('/Filter/ProgramCost/' + $('#UniversityProgramId').val(), function (data) {
                var items = data;
                $('#ProgramPrice').html(items);
            });
        });
    });
});

更新，這是我在過濾器控制器中的JSonResult視圖

public JsonResult ProgramCost(int Id)
    {
        var model = _repo.GetPrograms().Where(x => x.ProgramId == Id).Select(x => x.Price);

        return Json(model, JsonRequestBehavior.AllowGet);
    }

Answer 1

您正在調用.getJSON，但隨后將結果放入ProgramPrice的HTML中。

如果/Filter/ProgramCost/' + $('#UniversityProgramId').val()返回JSON，則您需要遍歷每個元素並創建HTML。 我懷疑您是否可以使用JSON值設置HTML。