Wie jQuery Autocomplete, die eine ID und nicht einen Namen übergibt?

Question

Ich suchte nach jQuery UI Autocomplete, weil ich auf einer <input /> benötigt, aber das Problem ist, dass ich die ID des Namens vervollständigen muss. Lassen Sie mich erklären:

Ich habe ein Array von Namen:

$names = array(
    array('name' => 'John', id => '1'), 
    array('name' => 'Sarah', id => '2'), 
    array('name' => 'Josh', id => '3) 
); 

Und dann mit AJAX, wird der Eingang automatisch vervollständigt mit einem Namen des Feldes, aber dann, wenn ich einreichen, muss ich die id und nicht der Name. Wie kann ich es schaffen?

Vielen Dank im Voraus

Answer 1

Die JQuery UI Autocomplete Steuerung kann die Liste der Suchergebnisse als eine Reihe von Display/Wertobjekten akzeptieren.

Aus dem Gedächtnis, erstellen Sie ein JSON-Objekt in folgendem Format ...

[ 
    {label:"Display Name for result 1", value:1}, 
    {label:"Display Name for result 2", value:2}, 
    {label:"Display Name for result 3", value:3} 
] 

Die Label-Eigenschaft enthält den Text anzuzeigen, und der Wert proberty enthält die ID. Diese Werte können überprüft werden, wenn ein Suchergebnis vom Benutzer ausgewählt wird. Das Steuerelement verfügt über ein select Ereignis, das Sie überwachen können.

Answer 2

Sie müssen die ID in einem versteckten Feld speichern.

Das erreichen Sie beim Ereignis "Select". http://jqueryui.com/demos/autocomplete/#event-select

Dieses Beispiel zeigt die select-Ereignis http://jqueryui.com/demos/autocomplete/#custom-data

So ist die Idee, so etwas zu tun ist:

 select: function(event, ui) { 
      $("#project-id").val(ui.item.value); 
      return false; 
     }