mvc4中的自动完成下拉?

时间:2016-03-14 05:34:52

标签: jquery ajax asp.net-mvc-4 autocomplete

您好我有一个名为客户名称的字段,它是下拉列表。我想将此字段设为自动完成下拉菜单,而不是选择值。但我无法理解这项任务。我有很多困惑所以请任何人帮我解决这个问题

我的控制器代码

public JsonResult GetCustomers()
{
    return Json(db.Customers.ToList(), JsonRequestBehavior.AllowGet);
}

我的观看代码

@Html.Label("Customer Name", new { @class = "control-label" })
@Html.DropDownListFor(model => model.CustomerID, new SelectList(string.Empty, "Value", "Text"), "Please select a Customer", new { @class = "form-control required", type = "text" })

我的J-query代码

$(function () {
    $.ajax(
        '@Url.Action("GetCustomers", "VisitorsForm")',{
         type: "GET",
         datatype: "Json",
         success: function (data) {
             $.each(data, function (index, value) {
                 $('#CustomerID').append('<option value="' + value.CustomerID + '">' + value.DisplayName + '</option>');
             });
         }
    });
});

这是我的代码,它将从Db.it中加载CustomerName字段中的CustomerName完全正常工作。但我想把这个字段作为自动完成Dropdown.I尝试了很多方法,但没有用,没有人正在为这项任务工作。请任何人帮我完成此自动填充下拉任务。

提前谢谢..

1 个答案:

答案 0 :(得分:0)

为什么要给下拉列表输入type =“text”。 实际上你需要使用jquery-autocomplete。 按照教程:http://www.tutorialspoint.com/jqueryui/jqueryui_autocomplete.htm