selectize js autocomplete似乎不起作用

时间:2013-10-08 12:48:35

标签: javascript jquery jquery-plugins selectize.js

请参阅以下示例fiddle

虽然我可以从下拉列表中选择该选项,但输入不会自动完成。 我希望当你输入B或A时,你应该得到香蕉,苹果的推荐。 只有当列表中的项目不是现有项目时,它才应该让我添加它...

var data = [" banana"," apple"," orange" ]。 var items = data.map(function(x){return {item:x};});

$('#input-tags').selectize({
    delimiter: ',',
    persist: false,
    maxItems: 1,
    create:true,
    options: items,
    labelField: "item",
    valueField: "item"
});

有什么想法吗?

请注意,相同的方案似乎使用预定义的值: Fiddle

1 个答案:

答案 0 :(得分:16)

您需要添加

searchField: "item"

到选择声明

这里是固定小提琴:http://jsfiddle.net/wh6Nx/

添加您需要的项目

create: function(input) {
    return {
        value: input,
        text: input
    }
}

摆弄两者:http://jsfiddle.net/2ZrEu/