本文介绍了在Bootstrap的dropdown菜单中，如何解决多选时点击元素导致菜单自动收起的问题。通过在dropdown-menu的子元素上添加data-stopPropagation="true"属性，并在JavaScript点击事件中处理，可以阻止菜单自动关闭。
公司有个切换院区的下拉框，使用的bootstrap的dropdown,以前是单选,因此点击切换后就会自动收起并且将数据传给后台，现在改成了多选，出现了一个问题就是点击一个后也会自动收起，这样的多选肯定是有问题的，因此在网上搜索了一下，找到了一种方法科室阻止菜单的点击自动收起
不废话，直接上代码
在生成dropdown-menu下的代码里，给每个<li>标签加一个属性 data-stopPropagation="true"，即里面的每一个选项加一个这个属性，不一定非要加在<li>上，加在点击的dom上
然后在js里
在js的点击事件里加上阻止事件就行了，注意别忘了把event传进去
就是这么简单，html里加个属性，js点击事件处对事件进行处理就行了
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
