Select2 -> 动态输入作为字符串返回（jQuery

Question

我的选择 2 的格式是这样的：

$("#selectPretty").select2({
    tokenSeparators: [","], 
    tags:["1", "2", "3", "php", "tiger", "test", "big bang theory", "bikes", "gh", "sd", "cheese", "food", "name", "jack", "chickens", "yikes!", "testing", "this", "is", "a", "questionj", "new", "question", "s"]
});

显示如下：

但是，当我尝试使用此代码通过 AJAX 将数据动态分配到框中时：

$.ajax({
    type: "POST",
    url: "grabTags.php",
    data: "tags="+$("#selectPretty").val(),
    success: 
        function(msg2) {
            alert(msg2);
            $("#selectPretty").select2({
                tokenSeparators: [","],
                tags:[msg2]
            });
        }
});

结果会这样：

由于某种原因，整个字符串是一个选项，我无法将结果分解为不同的选项...

有人知道我可以在这里做什么吗？

请注意，'tags:[msg2]' 是从我的 grabTags.php 文件中返回的，并且 'msg2' = "1", "2", "3, etc...

最诚挚的问候

Answer 1

您是否尝试过拆分从 PHP 返回的字符串？

您可以在字符串（例如从您的 PHP 返回的字符串）上调用 split 方法并将其传递给分隔符（在您的情况下为 ,）。

这样的事情应该可以工作：

$.ajax({
    type: "POST",
    url: "grabTags.php",
    data: "tags="+$("#selectPretty").val(),
    success: 
        function(msg2) {
            //at this point, msg2 is the string: '"1","2","3"'

            var myTags = msg2.split(',');
            //myTags is now the array: ["1","2","3"]

            $("#selectPretty").select2({

                //tags needs to be an array, so pass in myTags
                tags: myTags 
            });
        }
});

Answer 2

Select2 tags 需要一个javascript 数组，而不仅仅是一个用括号括起来的字符串。

所以服务器端，让 PHP 吐出一个 json 编码的数组：

$tags = array("1", "2", "3", "php", "tiger", "test", "big bang theory", "bikes", "gh", "sd", "cheese", "food", "name", "jack", "chickens", "yikes!", "testing", "this", "is", "a", "questionj", "new", "question", "s");
echo json_encode($tags);

现在客户端在您的 ajax success 处理程序中获取该响应，并将其直接分配给 tags。

请注意，您可能需要在 ajax 调用中将 dataType 设置为 json，以便 jQuery 自动将响应解析为 json。不确定它是否会自行解决。

如果你提供一个实际的数组作为你的标签，你也可以摆脱tokenSeparators。