如何在剃刀中使用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函数不起作用以及我可以做些什么来更新下拉列表。谢谢您。