javascript - 如何在Select2 jquery中显示多选？

Question

我的数据库将信息存储在字符串中，就像这样管理员，安娜，所以如果我想在Select2中显示这个预选，据我所知它必须在数组中(如果我错了，抱歉) 。问题是，我需要将其拆分为Array并显示。

不幸的是，这两个名字都没有被显示。

两个名字都已在数组中拆分。

当名字像这样单一时就会出现。

那么如何解决呢？

JS:

$.ajax({
    ...
    success: function(response){
            if (response.status == "Success"){
                $("#editLayer3ActivityOwner").val(response.data[0]["task_owner"]).attr("disabled",false);

                $(response.data).each(function(key,value){
                    var owners = value.task_owner.split(',');
                    $(owners).each(function(k,v){
                        $("#editLayer3ActivityOwner").append($("<option>", {
                            response: v,
                            text: v
                        }));
                    });
                    console.log(owners);
                    $("#editLayer3ActivityOwner").select2();
                });
            }
            else {}       
    },
    error: function(e){}
});

Answer 1

您可以使用 $("#sel").val(["Administrator","Anna"]).change(); 方法。我认为您收到的响应格式相同。因此您可以直接给出响应 $("#editLayer3ActivityOwner").val(response.data).change();

$("#editLayer3ActivityOwner").select2({ width: '100%', placeholder: "Choose", allowClear: true });

var response=["Administrator","Anna"]; //Hope you are getting the ajax response as this
 $("#editLayer3ActivityOwner").val(response).change();

<link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.12/js/select2.min.js"></script>

<select id="editLayer3ActivityOwner" multiple name="editLayer3ActivityOwner">

<option value="Administrator">Administrator</option>
<option value="Anna">Anna</option>
</select>