默认显示在选择控件中使用引导选择多选选项
问题描述:
我使用引导选择创建了多选选择控件。默认显示在选择控件中使用引导选择多选选项
默认情况下,我需要显示动态选择的项目。当我在选项ALL选项(<option value="All" selected >All</option>
)中进行选择时,它会在UI中显示。但是,如果选择一个选项,则不显示勾号。
演示是在这里:https://jsfiddle.net/sharmilashree/L7wzv5k0/10/
(IE)
<option value="All" selected >All</option>
<option value="EC" selected>EC (Early Childhood)</option>
答
我怀疑的问题是,你的评论,在这里:
$('#myselect').selectpicker().change(function() { toggleSelectAll($(this)); }).trigger('change');
如果你把它按预期工作的trigger('change')
:
https://jsfiddle.net/Twisty/3pfq5u41/
我想我的问题是为什么触发change
事件?真的,我认为你只想在选择“全部”值时执行toggleSelectAll()
。
也许是这样的:https://jsfiddle.net/Twisty/3pfq5u41/2/
希望有所帮助。
答
- 错误事件的选择:
替换
$('#myselect').selectpicker().change(function() { toggleSelectAll($(this)); }).trigger('change');
到
$('#myselect').selectpicker().change(function() { toggleSelectAll($(this)); }).trigger('select');
-
检查 “未定义” 的可能。
如果(control.data( 'allOptionIsSelected')!= allOptionIsSelected & &的typeof(control.data( 'allOptionIsSelected'))!= “未定义”) {
和你做! 快乐编码。
在jQuery UI中没有'selectpicker'。你的意思是选择菜单吗? – Twisty
可能的重复http://*.com/questions/40224287/how-to-set-selected-option-with-selectpicker-plugin-from-bootstrap – Twisty
嗨Twisty-感谢您的回应。我不想改变我的期权价值。当选择选项时,我需要显示刻度标记(即 EC(早期儿童))。但在代码后面显示了选择的特定选项。我发现在哪一点问题提出(当所有选项选择代码时)。如果我删除下面的代码,它工作正常。但我也想选择全部选项。请帮助。 ('#myselect')。selectpicker()。change(function(){toggleSelectAll($(this));})。trigger('change'); – Ammu