选择 - 创建和选项不能一起工作

Saa*_*hir 1 jquery selectize.js

我可以让这两个功能单独工作,但是当我尝试在一个启动中同时使用这两个功能时,却不起作用。

只创造

$('#input-tags').selectize({
     delimiter: ',',
     persist: false,
     create: function(input) {
        return {
           value: input,
           text: input
        }
     }
});
Run Code Online (Sandbox Code Playgroud)

创建和选项

var data = [ "option 1", "option 2", "option 3" ];
var items = data.map(function(x) { return { item: x }; });

$('#input-tags').selectize({
    delimiter: ',',
    persist: false,
    maxItems: 2,
    options: items,
    labelField: "item",
    valueField: "item",
    sortField: 'item',
    searchField: 'item',
    create: function(input) {
        return {
            value: input,
            text: input
        }
    }
});
Run Code Online (Sandbox Code Playgroud)

在第二个中,当您单击“添加文本”时,它不会在输入字段中显示为标签。单击屏幕上的其他任何位置使其消失。

示例: http: //jsfiddle.net/2ZrEu/

小智 5

在组合示例中,您将 labelField 和 valueField 设置为“item”。所以你的创建函数必须返回一个项目字段。

create: function(input) {
        return {
            item: input
        }
    }
Run Code Online (Sandbox Code Playgroud)