Я внедрил функцию автозаполнения jQuery для ввода Bootstrap. Автозаполнение jQuery работает нормально, но я хочу видеть результаты как комбо, и я предполагаю, что это происходит сейчас, потому что я использую BootStrap.
Это поле, которое я назначаю автозаполнением:
<div class="form-group">
<label>Employee</label>
<input class="form-control" name="txtEmployee" placeholder="Trabajador">
</div>
$(this).autocomplete({
source: function(request, response) {
$.ajax({
url: '@Url.Content("~/Employee/SearchEmployee")/',
type: 'POST',
contentType: 'application/json',
dataType: "json",
data: JSON.stringify({
employerId: 1,
searchStr: me.val()
}),
success: function(data) {
if (data.success) {
response($.map(data.data, function(item) {
return {
label: "(" + item.EmployeeNumber + ") " +
item.FirstName + " " +
item.MothersLast + ", " +
item.FathersLast,
employeeId: item.EmployeeId
}
}));
}
}
});
},
minLength: 3
});
Результаты отображаются, но вот так:
Как я могу создать результат с помощью Bootstrap, чтобы я мог видеть их как раскрывающийся список?