选择“JS使用数组作为源”

selectize js use array as source

本文关键字：数组 JS 选择      更新时间：2023-09-26
嗨，我

从我的 Ajax 调用中返回一个 JSON 编码数组（"html"），我想将其添加为值和文本（我正在使用标签）。我该怎么做？

.HTML 

<input type="text" value="test" class="demo-default selectized" id="input-tags" tabindex="-1" style="display: block;">

简讯

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
                }
            }
        });

}

您可以将数组映射到对象数组上，如下所示：

data = $.parseJSON(html);
var items = data.map(function(x) { return { item: x }; });

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

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

小提琴演示。

使用 ES6，您可以稍微减少单行

代码 
const items = data.map(item => ({item}));
相关文章：