我正在使用Bootstrap Typeahead进行搜索,如下:
$('.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);
});
}
});
JSON数据长这样:
[{"label":"Contact: Jeff Busch-> Busch, Jeff: 1975-11-24","value":"Busch, Jeff","id":"2096"}, ...
它的表现很好。当用户开始输入“标签”数据时,该数据将显示在输入框下方的列表中。然而,一旦用户点击列表项之一,我希望“值”文本出现在输入文本框中,而不是所有被搜索的标签信息!
这可能吗?
以下是示例代码: http://jsfiddle.net/michels287/qdgo651h/