複数選択可能なselect要素をチェックボックス対応・一括選択可能にするjQueryプラグイン・Multiple Selectのご紹介。なかなか便利そうだったので備忘録です。

複数選択可能なselectボックスを直感的な操作で手軽に選択できるようにしよう、というもの。グループ化したものも一括選択できるのが個人的には嬉しかったです。

Multiple Select

動作サンプルです。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="jquery.multiple.select.js"></script>

本体とプラグインを読み込みます。

$('#foo').multipleSelect();

セレクタにはselect要素を指定します。

また、細かいオプション設定が可能です。詳細はプラグインの$.fn.multipleSelect.defaultsあたりで確認できます。

ライセンスはMITとの事。以下で様々なサンプルが用意されていますので触ってみては如何でしょう。

Multiple Select