如果它具有表单元素，如何防止引导下拉菜单切换回来

Posted 2023-03-05

【中文标题】如果它具有表单元素，如何防止引导下拉菜单切换回来

【英文标题】：how to prevent bootstrap dropdowns from toggling back if it has form elements

【发布时间】：2013-11-08 11:34:01

【问题描述】：

http://plnkr.co/edit/rO1cev9Pw7TNbeGLioVk?p=preview

如果我想要多个复选框并且一次选中或取消选中多个复选框，我应该如何防止下拉菜单关闭？

【问题讨论】：

看到这个答案***.com/questions/10863821/…

【参考方案1】：

由于dropdownToggle 观察到单击事件以关闭下拉菜单，因此您需要停止在复选框元素上传播单击事件。这可以像这样轻松完成：

<input type="checkbox" ng-click="$event.stopPropagation()">

还有工作的笨蛋：http://plnkr.co/edit/AcbhOkKr2rGrPeoge26H?p=preview

【讨论】：

如果 angular-ui bootstrap 有多选下拉菜单会很酷

【参考方案2】：

我有一个与引导程序dropdown 类似的问题，我想要一个多下拉选择的本机（仅限角度）实现（基本上我想替换选择，因为它取决于 jquery）。所以我自己写了一个。

这是演示下拉菜单的插件：

http://plnkr.co/edit/lxewJUN8li9YQj9h1cIz?p=preview

如果您需要类似的东西，它也支持Select All。

希望这会有所帮助。

注意：由于某种原因，它只适用于不稳定的分支。

【讨论】：

酷！为什么下拉列表中有滚动条，可以去掉吗？

这只是一个 CSS 更改。我现在已经删除了。