Question

我正在寻找以下工作，但没有任何代码正常工作：（

$（“＃comboColumnOption”+ counter）.selectpicker（'maxOptions'，'3'）; //不工作

`$("#comboColumnOption"+counter).data("data-max-options", 3); //Not setting` up as when I click it allowed me to select more than 3 ......

    $("#comboColumnOption"+counter).selectpicker('maxOptions', '3');    $("#comboColumnOption"+counter).selectpicker('render'); //Not work

我在这个网站上使用selectpicker： http://silviomoreto.github.io/bootstrap-select/

先谢谢

    $("#comboColumnOption"+counter).data("data-max-options", 3);
        $("#comboColumnOption"+counter).selectpicker('render'); // not working

Answer 1

试试这个

$('.selectpicker').selectpicker({
      maxOptions:2
  });

使用javascript进行设置时，不应使用data-max-options。

Demo

Answer 2

调用

$('.selectpicker').selectpicker({
    maxOptions:2
});

只能使用一次。

如果您需要根据其他参数更改maxOptions - 更改maxOptions仅适用于第一次。即使调用：

，后续调用也将被忽略

$( '#periodselect' ).selectpicker('refresh');
$( '#periodselect' ).selectpicker('render');
$( '#periodselect' ).selectpicker('init');

这是我的代码：

if ( i == 0 && periodDisplayName != "Aggregated all" ) { 
    if ( $("#periodselect optgroup").attr("data-max-options") == "15" ) {
        $('#periodselect').selectpicker({
            maxOptions:2
        );
    }
} else if ( i == 0 ){
    if ( $("#periodselect optgroup").attr("data-max-options") == "2" ) {
        $('#periodselect').selectpicker({
            maxOptions:15
        });
        $("#periodselect optgroup").attr("data-max-options", 15);
        $('#periodselect').selectpicker('maxOptions', 15);
        $('#periodselect').selectpicker("data-max-options", 15);
        var selRefresh = $( '#periodselect' ).selectpicker('refresh');
        var selRender = $( '#periodselect' ).selectpicker('render');
        var selInit = $( '#periodselect' ).selectpicker('init');
    }
}

测试它我首先看到maxOption设置为2（从15开始），然后我想看看maxOption是否可以再次设置为15 - 它没有。

bootstrap selectpicker setting data-max-option not working

2 个答案: