Use un valor diferente de los datos JSON en lugar de displayKey usando Typeahead

He comenzado a usar Typeahead.js y estoy luchando por encontrar una manera de permitir que un usuario escriba y busque el nombre de una compañía, una vez seleccionado ingrese el código de la compañía asociada.

archivo .json:

[{
    "company_name": "Facebook",
    "code": "fb",
}, {
    "company_name": "Google",
    "code": "goog",
}, {
    "company_name": "Yahoo",
    "code": "yhoo",
}, {
    "company_name": "Apple",
    "code": "aapl",
}, {
    "company_name": "Royal Mail",
    "code": "rmg.l",
}]

.js Script:

var stocks = new Bloodhound({
    datumTokenizer: function(d) {
        return Bloodhound.tokenizers.whitespace(d.code);
    },
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    limit: 3,
    prefetch: {
        url: 'javascripts/stockCodes.json',
        filter: function(list) {
            return $.map(list, function(stock) {
                return {
                    code: stock
                };
            });
        }
    }
});

stocks.initialize();

$('.typeahead').typeahead(null, {
    name: 'stocks',
    displayKey: 'code',
    source: stocks.ttAdapter()
});

Actualmente, esto solo muestra la lista de códigos cuando el usuario escribe en el campo de entrada. Sin embargo, me gustaría saber si hay una manera de permitirles buscar encode pero una vez seleccionado, el valor en el cuadro de texto para sercompany_name? ¿Es esto posible incluso usando este complemento? Cualquier ayuda será apreciada.

¡Gracias!

Respuestas a la pregunta(6)

Su respuesta a la pregunta