Select2 下拉菜单显示有时重复

Posted 2023-05-07

【中文标题】Select2 下拉菜单显示有时重复

【英文标题】：Select2 dropdown showing sometimes duplicate

【发布时间】：2018-03-28 22:39:27

【问题描述】：

我使用淘汰赛 Js 在 select2 下拉列表的视图页面中添加了大约 10 个字段，但其中只有少数是重复的，即多选。

HTML

<div class="multiselect" data-bind="css:  'pink-selectbox' : Passengers() == null || Passengers() == '' ">
                            <select class="multipleAccom" data-bind="attr:  name:'['+$index()+'].Passengers' ,id: $index()+'_Passengers' ,options: $root.PassengerList,selectedOptions:Passengers, optionsText: 'Text', optionsValue: 'Value',event: change: $root.CheckPassengerAssignment.bind($data,$index()),valueAllowUnset : true" multiple="multiple"></select></div>

JS

 $('.multipleAccom').multiselect(
        includeSelectAllOption: true,
        numberDisplayed: 0,
    );

【问题讨论】：

请分享您的代码。

编辑您的问题并在此处添加代码。

@yılmaz 请查找已编辑的问题。

您可以创建 fiddle 或 sn-p 来重现该问题吗？ (Here's a custom binding implementation you can use) 另外，为什么你有引导程序的multiselect()？你不应该做类似$('.multipleAccom').select2()的事情吗？

【参考方案1】：

这是淘汰赛问题，我的 DOM 没有更新 time 和 select2 pulgin 调用的值，在 DOM 中填充数据后 select2 重新初始化，因此它正在复制下拉列表。