меня закончить автозаполнения с библиотекой JQuery, котораякак удалить специфический характер и текст
с помощью JQuery-UI-1.12.1.min.js
. Я изменил его, чтобы сделать поиск с именем пользователя и полным именем. он будет показывать, как показано ниже изображения
когда я выбираю значение будет вставить весь текст в поле ввода.
вот мой вопрос, как сделать это изменить его, чтобы показать, как изображение, но когда я выбираю значение будет только вставить имя пользователя в поле ввода?
как я только хочу nonstop00000 вставить его в поле ввода, когда я выберите 1-значение
вот мой Javascript
$(document).ready(function() {
$("#id").autocomplete({
source: function(request,response) {
$.ajax({
url: '@Url.Content("~/UserManagement/AutoCompleteUser")/',
type: "POST",
dataType: "json",
data: { term: request.term },
success: function (data) {
response($.map(data, function (item) {
return [{ label: item.Username + " | " + item.FullName, value: item.id }];
}))
}
})
},
messages: {
noResults: "", results: ""
}
});
})
здесь мой поиск контроллер
if (!String.IsNullOrEmpty(searchString))
{
user = user.Where(s => s.Username.Trim().Contains(searchString.Trim())
|| s.FullName.Trim().Contains(searchString.Trim()));
}
вот мой автозаполнение
public JsonResult AutoCompleteUser(string term)
{
var result = (from r in db.UserTables
where ((r.Status == "Active") && (r.Username.ToLower().Contains(term.ToLower()) || (r.FullName.ToLower().Contains(term.ToLower()))))
select new { Username = r.Username, FullName = r.FullName }).Distinct();
return Json(result);
}
вот мой взгляд
<div class="col-lg-9 col-md-9 col-sm-9 col-xs-12 search-panel">
@using (Html.BeginForm("Index", "UserManagement", FormMethod.Get))
{
<div class="input-group form-group ui-widget">
@Html.TextBox("id", ViewBag.CurrentFilter as string, new { @class = "form-control autocomplete", @placeholder = "Search for..." })
<span class="input-group-btn">
<input type="submit" value="Search" class="form-control autocomplete " />
</span>
</div>
}
</div>
Эта библиотека автозаполнения вы используете? –
показать html ввода – Sojtin
@RoryMcCrossan Я использовал jquery-ui-1.12.1.min.js – nonstop328