bootstrap下拉菜单dropdown点击后阻止自动收起菜单

公司有个切换院区的下拉框，使用的bootstrap的dropdown,以前是单选,因此点击切换后就会自动收起并且将数据传给后台，现在改成了多选，出现了一个问题就是点击一个后也会自动收起，这样的多选肯定是有问题的，因此在网上搜索了一下，找到了一种方法科室阻止菜单的点击自动收起

 

不废话，直接上代码

在生成dropdown-menu下的代码里，给每个<li>标签加一个属性 data-stopPropagation="true"，即里面的每一个选项加一个这个属性，不一定非要加在<li>上，加在点击的dom上

然后在js里

在js的点击事件里加上阻止事件就行了，注意别忘了把event传进去

就是这么简单，html里加个属性，js点击事件处对事件进行处理就行了