Select2 预加载数据

Posted 2023-05-07

【中文标题】Select2 预加载数据

【英文标题】：Select2 preloading data

【发布时间】：2017-01-15 13:02:03

【问题描述】：

目前 select2 仅在用户开始输入时才加载数据。我想用一些默认值预加载下拉列表，因此一旦用户单击下拉列表，就已经有一些值可供选择。我查看了文档，但找不到任何东西。有谁知道是否有解决方法或我可以做些什么来实现这一点。

谢谢

编辑：

$('#search-paint').select2(
                placeholder: "Search By:Manufacturer, Color Name, Color Code",
                ajax: 
                    url: "/item/searchPaint",
                    dataType: "json",
                    delay: 250,
                    data: function (params) 
                        return 
                            q: params.term,
                            SprayType: $('#spray-type').val(),
                            page: params.page
                        ;
                    ,
                    processResults: function (data, params) 
                        params.page = params.page || 1;
                        return 
                            results: data.items.data,
                            pagination: 
                                more: (data.items.current_page * data.items.per_page) < data.items.total
                            
                        ;
                    ,
                    cache: true
                ,
                escapeMarkup: function (markup) 
                    return markup;
                ,
                minimumInputLength: 1,
                templateResult: formatRepo,
                templateSelection: formatRepoSelection
            );

我尝试使用data 设置预加载数据，但它只加载第一个对象并调用select 方法。我也尝试过initSelection，但后来我发现它与我想要实现的目的不同。

【问题讨论】：

你的代码在哪里？到目前为止，您尝试过什么？

嗨，我已经添加了一些代码和更多信息

在应用 select2 之前，您可以在选择中简单地添加 option 标签

【参考方案1】：

你可以这样做

var data = [];
$('#search-paint').select2(
    data:data,
    escapeMarkup: function (markup) 
       return markup;
    ,
    minimumInputLength: 1,
    templateResult: formatRepo,
    templateSelection: formatRepoSelection
);
$.getJSON('/item/searchPaint',function(response)
    data=response;
    $('#search-paint').select2('refresh');
);