Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript typeaheadjs&;猎犬绑定到id但显示值_Javascript_Jquery_Typeahead.js_Bloodhound - Fatal编程技术网

Javascript typeaheadjs&;猎犬绑定到id但显示值

Javascript typeaheadjs&;猎犬绑定到id但显示值,javascript,jquery,typeahead.js,bloodhound,Javascript,Jquery,Typeahead.js,Bloodhound,基本上,我试图使用猎犬来解析json对象数组,但每次我选择建议时,它都会显示id字段,而不是name字段 var services = [ {"id":"1","name":"CI","created_at":"2014-12-17 21:21:36","updated_at":"2014-12-17 21:21:36"}, {"id":"2","name":"DI","created_at":"2014-12-17 21:21:36","updated_at":"2014-12

基本上,我试图使用猎犬来解析json对象数组,但每次我选择建议时,它都会显示
id
字段,而不是
name
字段

var services = [
    {"id":"1","name":"CI","created_at":"2014-12-17 21:21:36","updated_at":"2014-12-17 21:21:36"},
    {"id":"2","name":"DI","created_at":"2014-12-17 21:21:36","updated_at":"2014-12-17 21:21:36"},
    {"id":"3","name":"Message","created_at":"2014-12-17 21:21:36","updated_at":"2014-12-17 21:21:36"},
    {"id":"4","name":"Oracle","created_at":"2014-12-17 21:21:36","updated_at":"2014-12-17 21:21:36"},
    {"id":"5","name":"SAP Oracle","created_at":"2014-12-17 21:21:36","updated_at":"2014-12-17 21:21:36"},
    {"id":"6","name":"Other","created_at":"2014-12-17 21:21:36","updated_at":"2014-12-17 21:21:36"}
]; 

var Services = new Bloodhound({

datumTokenizer: function(services){
  return Bloodhound.tokenizers.whitespace(services.name)
},
queryTokenizer: Bloodhound.tokenizers.whitespace,
local: services

});

Services.initialize();

$('#services').tagsinput({

typeaheadjs: {
  minLength: 1,
  highlight: true,
  name: 'services',
  displayKey: 'name',
  valueKey: 'id',
  source: Services.ttAdapter()
}
});