jquery - 需要像 functionailty 这样的 gmail - jquery 自动完成以包含姓名和电子邮件地址 - 在字符串搜索中

Question

我最近问了这个问题，并得到了一个使用 jquery 进行自动完成的出色解决方案:

Need a good way for user to select "To" for email sending

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

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

});

我现在在电子邮件地址列表上具有自动完成功能，我需要进一步映射到类​​似 gmail 的功能，其中我在列表中包含“真实”姓名和电子邮件地址，以便用户可以输入姓名或电子邮件地址，它将找到该条目:

因此列表看起来与此类似，用户可以通过键入“Firs . . ”进行搜索或“电子邮件添加...”

"First Last" <emailAddress>   
"First1 Las1t" <emailAddress1>   
"First2 Last2" <emailAddress2>   

Answer 1

等一下..你看过the demo吗？ ？我认为它已经做到了这一点。例如，如果我在电子邮件字段中输入“for”或“jap”，则会显示同一个人:Fornelia Marconi(“jap”是她的电子邮件地址的一部分)。这是启用此功能的代码。

$("#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"), "<strong>$1</strong>") + "<br><span style='font-size: 80%;'>Email: &lt;" + row.to + "&gt;</span>";
    },
    formatResult: function(row) {
        return row.to;
    }
});

姓名-电子邮件对的数组如下所示:

var emails = [
    { name: "Peter Pan", to: "peter@pan.de" },
    { name: "Molly", to: "molly@yahoo.com" }
];