multi.js - 複数選択のドロップダウンをリッチに変身

WebのフォームはHTML5でリッチになっていますが、それでもまだまだ標準では使い勝手がよくありません。とは言え、それを改善するためのライブラリも出てきていますので、積極的に取り入れていきましょう。

今回紹介するのはmulti.js、複数選択できるselectタグを格好良くしてくれるライブラリです。

multi.jsの使い方

multi.jsを使っていない場合はこうなります。正直選びづらいし、キーボードを組み合わせるのは面倒です。

それがこうなります。

絞り込みできます。選択すると右側のリストに追加されます。

すでに選ばれているものは色が薄くなります。

multi.jsを使うと複数選択するドロップダウンが一気に便利になります。大きさも変わるので、それに合わせてデザインを考える必要がありますが、ぴったりと当てはまるケースもありそうです。

multi.jsはJavaScript製のオープンソース・ソフトウェア（MIT License）です。