Bootstrap typeahead: muestra texto diferente en el cuadro una vez seleccionado
Estoy usando bootstrap typeahead para buscar así:
$('.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);
});
}
});
Los datos JSON se ven así:
[{"label":"Contact: Jeff Busch-> Busch, Jeff: 1975-11-24","value":"Busch, Jeff","id":"2096"}, ...
Funciona muy bien Cuando el usuario comienza a escribir, los datos de la "etiqueta" se muestran en una lista debajo de la entrada. SIN EMBARGO, una vez que el usuario hace clic en uno de los elementos de la lista, ¡quiero que el texto del "valor" aparezca en el cuadro de texto de entrada, no toda la información de la etiqueta que se buscó!
es posible?
Aquí hay un violín: