需要gmail如functionailty – jquery autocomplete来包含名称和电子邮件地址 – 在字符串搜索中

我最近问了这个问题并使用jquery获得了一个很好的解决方案来进行自动完成：

需要一种好方法让用户选择“收件人”进行电子邮件发送

解决方案是使用以下语法：

$("#suggest3").autocomplete(someArray, { multiple: true, mustMatch: true, autoFill: true 

}）;

我现在在电子邮件地址列表上有自动完成function，我需要更进一步映射到gmail之类的function，其中我在列表中包含“真实”名称和电子邮件地址，以便用户可以输入名称或电子邮件地址，它会找到条目：

因此列表看起来与此类似，用户可以通过键入“Firs …”进行搜索。 或“emailAdd …”

 "First Last"  "First1 Las1t"  "First2 Last2"  

Answer 1

等一下..你看看演示了吗？ 我认为它已经完成了这一点。 例如，如果我在电子邮件字段中键入“for”或“jap”，则会出现同一个人：Fornelia Marconi（“jap”是其电子邮件地址的一部分）。 这是启用此function的代码。

 $("#thickboxEmail").autocomplete(emails, { minChars: 0, width: 310, matchContains: true, highlightItem: false, formatItem: function(row, i, max, term) { return row.name.replace(new RegExp("(" + term + ")", "gi"), "$1") + "
Email: <" + row.to + ">"; }, formatResult: function(row) { return row.to; } }); 

名称 – 电子邮件对的数组如下所示：

 var emails = [ { name: "Peter Pan", to: "[e-mail]" }, { name: "Molly", to: "[e-mail]" } ]; 

Answer 2

仅供参考，根据网站上的说明，此“自动完成”插件已不再开发中：

http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/

jQuery插件：自动完成

注意（2010-06-23）：此插件已弃用，不再开发。 它的inheritance者是jQuery UI的一部分，这个迁移指南解释了如何从这个插件到新的插件。 此页面将保留原样供参考，但不再更新。

因此，如果需要，可以使用jQueryUI自动完成中的以下可比示例：

http://jqueryui.com/demos/autocomplete/#multiple-remote

我个人更喜欢jQuery Tools到jQueryUI /但是他们现在还没有提供自动完成插件……哦。