带有 jquery ui 自动完成功能的 tokenfield答案

【问题标题】：tokenfield with jquery ui autocomplete带有 jquery ui 自动完成功能的 tokenfield
【发布时间】：2017-02-07 14:01:01
【问题描述】：

我正在使用Bootstrap tokenfield 和jQuery UI autocomplete。但该列表除了空白字段外没有显示任何内容。

这是我的代码：

$('#country').tokenfield({
   autocomplete: {
      source: "/country", minLength: 1
   },
   showAutocompleteOnFocus: true
});

来源正在返回适当的数据，但自动完成建议为空白。

是否有任何解决方法或者我在我的代码中遗漏了什么？请帮我解决这个问题。

从源返回的数据（当我输入ind时）：-

[
   {"id":"1","dat":"India"},   
   {"id":"2","dat":"Indonesia"}              
]

谢谢

【问题讨论】：

【解决方案1】：

返回的数据应该是这种格式

[
   {"value":"1","label":"India"},   
   {"value":"2","label":"Indonesia"}              
]

【讨论】：