selectize js使用数组作为源

Ath*_*tos 8 javascript jquery jquery-plugins selectize.js

嗨,我从我的Ajax调用中获取了一个JSON编码数组("html"),我希望在selectize中添加值和文本(我正在使用标记).我怎样才能做到这一点 ?

HTML

<input type="text" value="test" class="demo-default selectized" id="input-tags" tabindex="-1" style="display: block;">
Run Code Online (Sandbox Code Playgroud)

JQUERY

try {
    data = $.parseJSON(html);
var obj = jQuery.parseJSON(html);

outcome = (obj.outcome);

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

}

McG*_*gle 12

您可以将数组映射到对象数组,如下所示:

data = $.parseJSON(html);
var items = data.map(function(x) { return { item: x }; });
Run Code Online (Sandbox Code Playgroud)

然后使用"labelField"和"valueField"指定文本/值:

$('#input-tags').selectize({
        delimiter: ',',
        persist: false,
        options: items,
        labelField: "item",
        valueField: "item"
    });
Run Code Online (Sandbox Code Playgroud)

小提琴演示.