默认显示在选择控件中使用引导选择多选选项

默认情况下，我需要显示动态选择的项目。当我在选项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>

来源

2017-01-23 Ammu

在jQuery UI中没有'selectpicker'。你的意思是选择菜单吗？ – Twisty

可能的重复http://stackoverflow.com/questions/40224287/how-to-set-selected-option-with-selectpicker-plugin-from-bootstrap – Twisty

嗨Twisty-感谢您的回应。我不想改变我的期权价值。当选择选项时，我需要显示刻度标记（即<选项值=“EC”选择> EC（早期儿童））。但在代码后面显示了选择的特定选项。我发现在哪一点问题提出（当所有选项选择代码时）。如果我删除下面的代码，它工作正常。但我也想选择全部选项。请帮助。（'＃myselect'）。selectpicker（）。change（function（）{toggleSelectAll（$（this））;}）。trigger（'change'）; – Ammu

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

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

如果你把它按预期工作的trigger('change') ：

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

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

也许是这样的：https://jsfiddle.net/Twisty/3pfq5u41/2/

希望有所帮助。

来源

2017-01-25 05:43:00 Twisty

感谢您的回复。在这里提到的演示：https：//jsfiddle.net/Twisty/3pfq5u41/ 工作正常，但在一个案例中，它不给解决方案（我。e）如果您尝试选择另一个选项先前的选择标记丢失也新选定的选项不勾选不显示。我的需求：全选/全部选中所有选项全部默认情况下已勾选已选项目。允许用户编辑他们选择的选项。在此先感谢。 – Ammu

@Ammu你还在为此工作吗？我无法弄清楚你在评论中的含义。 – Twisty

错误事件的选择：

替换

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

到

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

检查 “未定义” 的可能。

如果（control.data（ 'allOptionIsSelected'）！= allOptionIsSelected & &的typeof（control.data（ 'allOptionIsSelected'））！= “未定义”） {

和你做！快乐编码。

来源

2017-01-31 07:49:22

默认显示在选择控件中使用引导选择多选选项

回答

相关问题