Select2 搜索不会返回结果答案

【问题标题】：Select2 search won't return the resultSelect2 搜索不会返回结果
【发布时间】：2021-10-05 05:27:26
【问题描述】：

当它从 json 加载 Ajax 时，我遇到了搜索问题。假设我搜索也门，也门记录不会被选中或突出显示。

这是完整的源代码，有什么设置不正确吗？

<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" ></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet">

<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>

<script>
jQuery(document).ready(function() {

    $('#allowedCountries').select2({
        placeholder: 'Select allowed countries',
        allowClear:true, 
        tokenSeparators: [',', ' '],
        ajax: {
            dataType : "json",
            url      : "countries2.json",
        },
    });    
});
</script>
</head>

<body>
for select2<Br>

<div style="width:100%">
    <select name="allowedCountries" class="js-states form-control" id="allowedCountries"><option></option></select>
</div>
    
</body>
</html>

那么对于json文件，样本数据

{
    "results": [
    {
        "id": 1,
        "text": "Afghanistan"
    },
    {
        "id": 2,
        "text": "Aland Islands"
    },
    {
        "id": 3,
        "text": "Albania"
    },
    {
        "id": 245,
        "text": "Yemen"
    },
    {
        "id": 246,
        "text": "Zambia"
    },
    {
        "id": 247,
        "text": "Zimbabwe"
    }
    ]
}

【问题讨论】：

标签： javascript json jquery-select2

【解决方案1】：

快速浏览官方文档，会不会有问题？

【讨论】：