JQuery自动完成 - 格式列表，只返回文本框的一部分

问题描述：

我使用的是JQuery Autocomplete，它工作得很好。我正在使用它来允许某人通过搜索姓氏或身份证号码来搜索数据库中的用户。JQuery自动完成 - 格式列表，只返回文本框的一部分

眼下下拉所创建的列表是一个SQL查询的resultes，看起来是这样的：当我拿起亨利文本

Jones, Henry - hjones 
Gibbons, Peter - pgibbons

：

$row_rst['lName'] . ', ' . $row_rst['fName'] . " - " . $row_rst['user'] . "|" . $row_rst['id']

它输出像盒子得到琼斯，亨利 - 琼斯和隐藏的领域得到他的身份证。

我想在可能的情况下在列中格式化下拉列表，如果可能的话，只返回琼斯，亨利文本框。

这两个选项中的哪一个可能？我认为它必须与格式项（行）或格式结果（行），但我不知道，我似乎无法找到如何去做这件事。

答

Autocomplete也可用于最新版本的jQuery UI（1.8与jQuery 1.4+一起使用），我认为它比您链接的版本更新一点。

如果你看看custom data example，在来源处，你可以看到它正在利用select事件。你可以做类似的事情，修剪你不想要的字符串。

例如像这样（您可能需要对其进行调试了一下，找到您的值在UI对象）：

.... 
select: function(event, ui) { 
      $('#textBoxIDInHere').val(ui.item.value.substring(0,ui.item.value.indexOf("-", 0))); 
      return false; 
     } 
....

至于格式，如果你选择了jQuery UI下载主题页面，压缩包带有一个.css文件。您可以预览各种预设here，并且该自动完成页面有一个标签，标题为Theming，它向您显示哪些类是相关的。

虽然这与您所链接的插件不太一样，但希望它至少可以帮助您一点点:)

JQuery自动完成 - 格式列表，只返回文本框的一部分

相关推荐