нужен gmail как functionailty - автозаполнение jquery для включения имен и адресов электронной почты - при поиске строк

Question

Я недавно задал этот вопрос и получил отличное решение, используя jquery для автозаполнения:

Нужен хороший способ выбрать пользователя "Кому" для отправки электронной почты

Решение было использовать этот синтаксис:

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

}); * * 1 010

Теперь у меня есть автозаполнение списка адресов электронной почты, и мне нужно сделать еще один шаг, чтобы отобразить функции, аналогичные gmail, где я включаю в список как «настоящее» имя, так и адрес электронной почты, чтобы пользователи могли ввести либо имя или адрес электронной почты, и он найдет запись:

Таким образом, список будет выглядеть примерно так, и пользователь сможет выполнить поиск, набрав «Елки ...». или "emailAdd ..."

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

Answer 1

Подождите секунду .. Вы смотрели на демо ? Я думаю, что это уже делает именно это. Например, если я введу «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" }
];

Answer 2

FYI, этот плагин "автозаполнения" больше не находится в разработке, согласно примечанию на веб-сайте:

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

Плагин jQuery: автозаполнение

Примечание (2010-06-23): этот плагин устарел и больше не разрабатывается. Его преемник является частью jQuery UI, и это руководство по миграции объясняет, как чтобы перейти от этого плагина к новому один. Эта страница останется как есть для справки, но не будет обновляться больше.

Так что, если хотите, вы можете использовать следующий сопоставимый пример из автозаполнения jQueryUI:

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

Лично я предпочитаю jQuery Tools, а не jQueryUI / но в данный момент они не предлагают плагин автозаполнения ... о, хорошо.