前の記事 ≪:2010年2月3日 管理人のブックマーク
次の記事 ≫:フリーの写真素材が入手出来る30サイト

複数選択が可能でスタイリッシュなドロップダウンメニュー実装用「jQuery MultiSelect Plugin」

2010年02月04日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
jQuery MultiSelect Plugin/Widget with ThemeRoller Support | Eric Hynds - Website Developer

複数選択が可能でスタイリッシュなドロップダウンメニュー実装用「jQuery MultiSelect Plugin」が公開されています。
デザインもいいのですが、こうした機能は標準のHTMLではないので、こうしたUIが必要な局面は助かりそうですね。

jQueryのドロップダウンメニュー図1

選択すると、何個selectしたかという表示や、クリックの際のイベントハンドラも設定できます。

jQueryのドロップダウンメニュー図2

すべて選択、すべて解除もついてて細かいところにも気が利いてますね。
毎度ですが、必要なJS/CSSを読み込んだら次のように実装は1行で出来ます。

$("#MySelectBox").multiSelect();

これは便利ですね。

関連の記事検索:jQuery, selectbox, アクセシビリティ
スポンサード リンク

By.KJ : 2010年02月04日 09:07 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)