c# - 如何在 razor 中使用 ajax 更新下拉列表

Question

这是我的下拉菜单：@Html.EditorFor(m => m.CustomerBasicInfo.CheckUpDR) 我希望它在被点击或重新加载按钮被点击时更新。我的意思是我想知道我是否可以通过单击它来重新加载它，但如果它不可能，我希望它通过点击重新加载按钮来重新加载。例如，我在这里放了一个按钮，它调用了一个 ajax 函数：

  <div class="row">
        <div class="col-md-11">
            @Html.EditorFor(m => m.CustomerBasicInfo.CheckUpDR) 
        </div>
        <div class="col-md-1">
            <a href="#" class="btn" sdata-placement="top" onclick="ReloadDropDown()">
                <i class="fa fa-plus"></i>
            </a>
        </div>
    </div>

这是ajax函数：

 function ReloadDropDown() {
    debugger;
    $.ajax({
        type: "GET",
        url: '@Url.Action("FillCheckDrDropDown", "CustomerInfoControler")',
        data: { },
        success: function (res) {
            $("#CheckUpDR").value(res);
            alert('Successfully called');
        },
        error: function (jqxhr, status, exception) {
            alert('Exception:', exception);
        }
    });

}

这是加载数据的控制器：

 public JsonResult FillCheckDrDropDown()
    {
        var model = _service.GetCheckUpDRLists();
        return Json(model, JsonRequestBehavior.AllowGet);
    }

考虑到我对 ajax 很陌生，请您帮我解决我的 ajax 功能无法正常工作的问题，以及我可以做些什么来更新下拉菜单。谢谢。

标签： c#asp.netajax