multi.js - Make multi-select drop-down rich

The form of the Web is rich in HTML5, but it is still not easy to use as standard yet. However, since some libraries have been developed to improve it, let's take it actively.

This time we will introduce multi.js, a library that makes multiple selectable select tags look good.

How to use multi.js

If you are not using multi.js, it looks like this. It is hard to choose honestly, and it is troublesome to combine keyboards.

That will be like this.

You can narrow down. When selected, it is added to the list on the right.

Those already selected are thinner in color.

If you use multi.js, multiple dropdowns will be useful at once. Since the size also changes, it is necessary to consider the design accordingly, but there seems to be a case that applies perfectly.

multi.js is JavaScript open source software (MIT License).

Demo – multi.js

Fabianlindfors/multi.js: A user-friendly replacement for select boxes with multiple attribute enabled