在 Bootstrap 输入字段中设置 jQuery 自动完成样式

【问题标题】：Style jQuery autocomplete in a Bootstrap input field在 Bootstrap 输入字段中设置 jQuery 自动完成样式
【发布时间】：2015-04-01 21:00:54
【问题描述】：

我已经为 Bootstrap 输入实现了一个 jQuery 自动完成功能。 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 设置结果样式，以便像下拉列表一样查看它们？

【问题讨论】：

• 结果可能在

  中转换，但我不确定。你能把它放在一个jsfiddle吗？
• 该列表中的每个项目都有以下 html 代码：
• (1912) 豪尔赫·奥尔蒂斯，纳瓦