多选下拉框功能，html本身就提供，multiple就可以了。但是这个multiple有个缺点，那就是高度和宽度是固定的，无法改变，很占用页面空间。
下面两张图，第一张的是纯js完成的，第二张的是html原生的multiple。
第一张：缺点是麻烦，优点是节约页面空间，且附带模糊查询功能。
第二张：缺点是浪费空间，优点是简单。
当然，现在很多前端框架都包含了左图的功能，简单易用。之所以会用纯js完成左图的功能，是因为同事负责的一个项目，框架很老，而且大公司对系统框架控制比较严格，不能引用新的前端框架，所以才用纯js写的。
代码不多，很简单，必要的注释都有，相信都能看得懂。有什么疑问的话可以留言哈，一起讨论。
下面附上模糊查询的功能示意图：