使用 Bootstrap Select 在 Select 控件中默认显示多个选定选项答案

【问题标题】：Default show Mutilple selected options in Select control using Bootstrap Select使用 Bootstrap Select 在 Select 控件中默认显示多个选定选项
【发布时间】：2017-06-07 20:44:15
【问题描述】：

我使用 Bootstrap 选择创建了一个多选选择控件。

默认情况下，我需要显示动态选择的项目。默认情况下，当我在选项 ALL selection (<option value="All" selected >All</option>) 中进行选择时，它会在 UI 中显示为选中状态。但是，何时选择一个选项，选择它不显示勾号。

演示在这里：https://jsfiddle.net/sharmilashree/L7wzv5k0/10/

（即）

<option value="All" selected >All</option>
<option value="EC" selected>EC (Early Childhood)</option>

【问题讨论】：

jQuery UI 中没有selectpicker。你是说选择菜单吗？
stackoverflow.com/questions/40224287/…的可能重复
您好 Twisty- 感谢您的回复。我不想更改我的选项值。我需要在选择选项时显示刻度线（即）。但在代码后面，这显示了所选的特定选项。 I found that in which point issue raise(When option All is selected code).如果我删除下面的代码，它工作正常。但我也想选择所有选项。请帮助解决这个问题。 $('#myselect').selectpicker().change(function () { toggleSelectAll($(this)); }).trigger('change');

标签： asp.net jquery-ui jquery-plugins bootstrap-select bootstrap-selectpicker

【解决方案1】：

我怀疑问题是你评论的，在这里：

$('#myselect').selectpicker().change(function () { toggleSelectAll($(this)); }).trigger('change');

如果您删除 trigger('change')，它会按预期工作：

https://jsfiddle.net/Twisty/3pfq5u41/

我想我的问题是为什么要触发change 事件？真的，我认为您只想在选择“全部”值时执行toggleSelectAll()。

可能类似于：https://jsfiddle.net/Twisty/3pfq5u41/2/

希望对您有所帮助。

【讨论】：

感谢您的回复。此处提到的演示：jsfiddle.net/Twisty/3pfq5u41 工作正常，但在一种情况下它没有给出解决方案（即）如果您尝试选择另一个选项，先前的选择勾号丢失，新选择的选项不勾号不显示。我的要求：默认情况下在选项全部中全选/取消全选，因此为已选择的项目打勾。允许用户编辑他们选择的选项。提前致谢。
@Ammu 你还在做这个吗？我不明白你在评论中的意思。

【解决方案2】：

错误的事件选择：i>

替换

$('#myselect').selectpicker().change(function () { toggleSelectAll($(this)); }).trigger('change');

到

$('#myselect').selectpicker().change(function () { toggleSelectAll($(this)); }).trigger('select');

也检查“未定义”。

if (control.data('allOptionIsSelected') != allOptionIsSelected && typeof(control.data('allOptionIsSelected')) != "undefined") {

你就完成了！快乐编码。

【讨论】：