necesita Gmail como functionailty - autocompletar jQuery para incluir nombres y direcciones de correo electrónico - en búsqueda de cadenas

Question

recientemente hice esta pregunta y regresé una gran solución usando jQuery para autocompletar:

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

La solución fue usar esta sintaxis:

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

});

ahora tengo autocompletar en una lista de direcciones de correo electrónico y tengo que dar un paso más para mapear a Gmail como funcionalidad donde incluyo el nombre "real" y la dirección de correo electrónico en la lista para que los usuarios puedan ingresar el nombre o la dirección de correo electrónico y encontrará la entrada:

Así que la lista sería similar a esta y el usuario puede buscar escribiendo "Firs ..." o "emailAdd ..."

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

Answer 1

Espera un segundo .. No te ves en the demo? Creo que ya hace exactamente esto. Por ejemplo, si escribo "para" o "jap" en el campo de correo electrónico, aparece la misma persona: Fornelia Marconi (con "jap" como parte de su dirección de correo electrónico). Aquí está el código que habilita esto.

$("#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; 
    } 
}); 

El conjunto de pares de nombre y correo electrónico se parece a esto:

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

Answer 2

FYI, Este plugin "autocompletar" ya no está en desarrollo, por una nota en la webiste:

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

jQuery plugin: Autocompletar

Nota (23-06-2010): Este plugin es en desuso y ya no está desarrollado. Su sucesor es parte de jQuery UI, y esta guía de migración explica cómo para obtener de este complemento el nuevo . Esta página se mantendrá como está como referencia, pero ya no se actualizará .

lo tanto, si lo desea, puede utilizar el siguiente ejemplo comparable de la autocompletar jQueryUI:

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

yo personalmente prefiero jQuery Herramientas para jQueryUI/pero que no ofrecen un plugin autocompletar en este punto ... oh bien.