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