如何通过data- *属性配置Select2

时间:2018-03-01 23:15:34

标签: javascript jquery jquery-select2

根据文档,我应该可以通过select标签上的data-attributes设置一些配置。

https://select2.org/configuration/data-attributes

在我的代码中,我尝试了这个:

<select id="customer_select_form_customer" name="customer_select_form[customer]" class="select2-ajax-enabled form-control" style="width: 500px" data-theme="bootstrap4" data-ajax--url="/customer/ajaxList" data-ajax--cache="true" data-select2-id="customer_select_form_customer" ></select>

我尝试使用以下内容初始化它,但它什么都不做:

// enable the customer ajax list
$('.select2-ajax-enabled').select2({});

我也尝试设置参数,并让它们覆盖,但这也不起作用:

// enable the customer ajax list
$('.select2-ajax-enabled').select2({
    theme: 'bootstrap4',
    minimumInputLength: 3,
    ajax: {
        url: '',
        dataType: 'json',
        cache: 'true'
    }
});

是否存在我缺少的配置/设置以使数据属性起作用? 如果我指定整个配置并将其传递给select2,它将按预期工作。

我正在使用jQuery v3.3.1和Select2 4.0.6-rc.1

1 个答案:

答案 0 :(得分:1)

跟进这个因为我找到了答案: 由于v4.0.6上的错误,这不起作用。我恢复到v4.0.5,它正在使用我在初始帖子中包含的代码。

供参考: https://github.com/select2/select2/pull/5169