如何设置ajax select2中的值

Question

如何在 select2 中设置值。我已经尝试了很多方法，但我无法得到它 work.I 我能够在 select2 中实现 ajax 搜索。但是当我设置数据时它不起作用。

代码：

$('#pin_code').select2({
    dropdownAutoWidth: true,
    placeholder: 'Select an option',
    width: 'resolve',
    delay: 250,
    minimumInputLength: 4,
    minimumResultsForSearch: 10,
    ajax: {
        url: "controller/postalCode.php",
        dataType: "json",
        type: "POST",
        data: function(params) {
            var queryParameters = {
                qry: params.term,
                config: "all_code",
            }
            return queryParameters;
        }
    }
});

我目前已经尝试过：

1. $("#pin_code").select2('data', { id:"Ab548", text: "Ab548"});
2. $("#pin_code").val("Ab548").change()
3. $("#pin_code").val("Ab548")
4. $("#pin_code").val("Ab548").trigger("change");
5. $("#pin_code").val("Ab548").select2('destroy').select2();

没有任何效果。我使用的是select2版本：4.1.0-rc

https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js

任何建议都会有很大帮助。谢谢

Answer 1

参考 docs：要提供默认选择，您可以为每个包含应显示的值和文本的选择添加一个 <option>：

<select id="pin_code">
  <option value="Ab548" selected="selected">Ab548</option>
</select>

或者，如果您想以编程方式进行，您可以找到信息 here。

如何设置ajax select2中的值

How to set the value in ajax select2

jquery

jquery-select2