jquery - 将数组传递给预先输入的 Bootstrap

Question

我正在尝试通过 json 将一组值传递给source:Bootstrap 的 Typeahead 插件选项。

这是我的简单代码：JsFiddle

我有一个JSON对象，我只想将值 id 传递给source: array

我做错了什么......我尝试了很多事情。

Answer 1

Twitter 的 typeahead 需要一个 Javascript 数组类型。因此，您需要使用JSON.parse(myJSONObject). 但是，预输入也需要一个字符串数组，而不是数组数组......所以，问题是 - 您要在预输入中显示这些数组的哪个参数？

{
    "id":"2",
    "pid":"0",
    "type":"Group",
    "code":"g",
    "status":"1"
}

看起来您的vals函数正在隔离id参数。如果这是您希望预先输入显示的参数，只需source指向x. 签出这个修改后的 jsFiddle：

• http://jsfiddle.net/365Sf/

Answer 2

也有为此目的的当地财产。

您可以在 typeahead 中使用本地属性来提供数组，而无需处理数据。

例如

var data = ["john", "terry", "phil","stuart","louis","marie","bob"];

$("#user-search").typeahead({
   name: "user-search",
   local: data,
   limit: 10
});