¿Cómo uso JQuery Autocompletar para varias palabras

Question

Tengo un campo de autocompletar y me pregunto cómo puedo usarlo para varias palabras? Cuando escribo la primera palabra, funciona perfecto, pero cuando espacio y escribo la segunda palabra, devuelve las dos palabras al servidor y, por supuesto, los resultados son incorrectos.

por ejemplo. Cuando escribo las dos palabras,

'Java javascript'

la primera palabra 'Java', autocompletar funciona bien, tirar de la lista.

pero cuando espacio y escribo javascript, autocompletar envía 'Java + javascript' a mi función ajax.

¿Alguna idea de cómo solucionar esto?

Answer 1

Parece que no se puede, la implementación incorporada no lo admite; puede ver en el enlace de arriba: "no es parte de la versión o distribución estable".

Sin embargo, he descargado y uso la versión externa, disponible here:

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

que es un poco más grande, pero el uso es exactamente el mismo, usted no tiene que cambiar nada, para la selección múltiple, se suman a las opciones {múltiple: true}

actualización

jQueryUI ahora se ha actualizado para los más nuevos Versi ons haciendo esta respuesta obsoleta. Un ejemplo uptodate se puede encontrar aquí

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

Answer 2

$("#tagnames").autocomplete("/tags/filter", { 
     max: 6, 
     highlightItem: true, 
     multiple: true, 
     multipleSeparator: " ", 
    }) 

Para habilitar la función de autocompletar de varias palabras que debe configurar las opciones múltiples: verdadera y multipleSeparator: ""

Answer 3

Si está utilizando la versión "bassistance" de Autocomplete, está incorporada. Pero si está utilizando la versión de jQuery UI, hay un ejemplo aquí:

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

Answer 4

Adición de un comentario a una respuesta más completa, digamos que usted tiene dos posibles selecciones con un prefijo común:

IP5, IP5 batería

si el usuario escribe en el cuadro de texto ip5, la primera selección de arriba se elegirá automáticamente sin dejar que el usuario siga escribiendo para la segunda selección. Para evitar este comportamiento, asegúrese de utilizar la opción

triggerSelectOnValidInput: true,