jQuery + bootstrap 实现下拉多选列表

多级下拉菜单
前段时间做的页面里要有一个二级多选的下拉列表,项目用的是和 ,找了很多方法都要额外引入插件,但是我不想为了这个功能单独引入一个插件,决定自己基于的下拉菜单组件做一个,先展示一下效果 。
基本思路
主要是基于提供的下拉菜单组件,嵌套一个子菜单,并结合复选框实现了二级多选功能 。二级选择框中具体选项的相关数据都是从后端拿的,所以还会涉及到动态插入元素的处理方法,下面一步步地进行介绍 。
HTML代码
基于提供的下拉菜单组件,在下拉菜单中嵌套菜单,二级菜单的具体选项动态插入的,HTML 代码如下 。

jQuery + bootstrap 实现下拉多选列表

文章插图