Ich verwende Bootstrap Typeahead, um wie folgt zu suchen:

 $('.lookup').typeahead({

source: function (query, process) {
    return $.getJSON(
        'json_autocomplete.php',{ query: query },
        function (data) {

            var newData = [];
                $.each(data, function(){

                    newData.push(this.label);
                    //populate hidden field with id
                    $('#contact_id').val(this.id);

                });

            return process(newData);

        });
}

 });

Die JSON-Daten sehen folgendermaßen aus:

 [{"label":"Contact: Jeff Busch-> Busch, Jeff: 1975-11-24","value":"Busch, Jeff","id":"2096"}, ...

Es funktioniert super. Wenn der Benutzer mit der Eingabe beginnt, werden die "Label" -Daten in einer Liste unter der Eingabe angezeigt. Wenn der Benutzer jedoch auf eines der Listenelemente klickt, soll der Text "value" im Eingabetextfeld angezeigt werden, und nicht alle durchsuchten Beschriftungsinformationen!

Ist das möglich

Hier ist eine Geige:

http: //jsfiddle.net/michels287/qdgo651h