使用引导选择进行多项选择无法正常工作

Question

我正在使用 BootStrap-Select 进行多选。如果我有 10 个选项，并且我选择了 3 个或更多选项，现在要选择第 4 个，那么另一个选择的选项随机取消选择。我正在使用引导程序选择以下功能：

$('#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。现在它在我的系统中也可以正常工作..