HTMLの入力UIの中で非常に貧相に感じるのがドロップダウンです。単数選択、複数選択のいずれもシンプルで使い勝手もよくありません。テキストエリアはWYSIWYGにするライブラリが多数ある中、ドロップダウンはなかなか進化しません。 そこで紹介したいのがGorilla Dropdownです。ドロップダウンを格好良くしてくれるライブラリです。

Gorilla Dropdownの使い方

デモです。画像とテキストを載せられます。テキストも一行ではなく、複数行にできます。

カラーテーマ的な使い方もできます。

Gorilla Dropdownを使えばテキストや画像などを自由にドロップダウンの選択項目にできます。テキストだけで選択するのに比べて圧倒的にユーザビリティが高くなるでしょう。

Gorilla DropdownはjQuery/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

wahabmirjan/gorilla-dropdown: A jQuery plugin for custom drop-down list, allowing the display of text, images, and maybe more…