Автозаполнение выпадающего в MVC5?
Привет, у меня есть одно поле зрения. Это поле Customer, это выпадающее поле. В этом я держу выпадающий список, чтобы выбрать значение. Но мне нравится менять это поле как выпадающее меню автозаполнения.
На изображении выше у меня есть поле customerName как раскрывающееся поле, но я сохраняю его при поиске и выбираю опцию. Но теперь я хотел бы изменить это на выпадающий список автозаполнения, как указано ниже.
Код моего просмотра
@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" })
Мой код JQuery
$(function () {
debugger;
$.ajax(
'@Url.Action("GetVisitCustomer", "VisitorsForm", new { Area = "Sales" })',{
type: "GET",
datatype: "Json",
success: function (data) {
$.each(data, function (index, value) {
$('#CustomerID').append('<option value="' + value.CustomerID + '">' + value.DisplayName + '</option>');
});
}
});
});
Мой код контроллера для получения клиентов и загрузки в поле
public JsonResult GetVisitCustomer()
{
var objCustomerlist = (from c in db.Customers where c.IsDeleted== false select c).ToList();
return Json( objCustomerlist,JsonRequestBehavior.AllowGet);
}
Я пытался объяснить мою проблему. Любая помощь, чтобы решить эту проблему. Я пробовал много способов, но это не работает. Таким образом, любой понимает мою проблему и дает какое-то решение или предложения.
Кодекс, который я пробовал
Код моего просмотра
@Html.Label("Customer Name", new { @class = "control-label" })
@Html.TextBoxFor(Model=>Model.CustomerID)
Мой код Jquery
<script type="text/javascript">
$(document).ready(function () {
debugger;
$("#CustomerID").autocomplete({
source: function (request, response) {
$.ajax(
'@Url.Action("GetVisitCustomer", "VisitorsForm", new { Area = "Sales" })', {
type: "POST",
dataType: "json",
data: { term: request.term },
success: function (data) {
response($.map(data, function (item) {
return
{ label=item.CustomerID, value= item.DisplayName
};
}))
}
})
},
messages: {
noResults: "", results: ""
}
});
})
</script>
Но этот код не работает
Заранее спасибо ..