Question

我正在使用BootStrap-Select进行多选。如果我有10个选项，我选择3个或更多选项，现在选择第4个选项，然后另一个选择的选项随机取消选择。我正在使用bootstrap选择以下功能：

$('#deptID').selectpicker('refresh');
$('#'+entry).prop('disabled',false);

BootStrap-Select Reference

选择

<select id="years" class="select" data-live-search="true" class="selectpicker col-md-12" onchange="change_in_year()" multiple>
<option id="2011" value="2011">2011</option>
<option id="2012" value="2012">2012</option>
<option id="2013" value="2013">2013</option>
<option id="2014" value="2014">2014</option>
<option id="2015" value="2015">2015</option>
<option id="2016" value="2016">2016</option>
<option id="2017" value="2017">2017</option>
<option id="2018" value="2018">2018</option>
</select>

change_in_year（）

change_in_year()
{
var yearSelect = new Array();
var i = 0;


$("#years option:selected").each(function(){
        yearSelect[i] = $(this).val();
        i++;
});

var yearS = new Array();
var i = 0;

$("#years option").each(function(){
        yearS[i] = $(this).val();
        i++;
});

if(yearSelect[0] == 0)
{


        yearS.forEach(function(entry) {
            if(entry != "0")
            {
            $('#'+entry).prop('disabled',true);
            $('#'+entry).prop('selected',false);
            }
        });
        $('#years').selectpicker('refresh');
}
if( (yearSelect[0] != 0) )
{

        yearS.forEach(function(entry) {
            $('#'+entry).prop('disabled',false);
        });
        $('#years').selectpicker('refresh');
}   
}

这是与我一样的实际工作代码，并且在jsFiddle中正常工作。但在我的系统选择选项导致取消选择其他选定的选项

jsFiddle Link

Answer 1

上面的工作很好JSFiddle。我更改了jquery.js和bootstrap.js。现在它的工作在我的系统中也很好..

使用Bootstrap选择多个选择不正常工作

1 个答案: