• かちびと.net

    フォームのserect要素で複数選択を簡略化できるjQueryプラグイン・jquery.multi-selectのご紹介。見た目もすっきりしていてかなりユーザーフレンドリーなスクリプトですね。IE6でも動作します。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

フォームのselect要素で複数選択を簡略化できるjQueryプラグイン・jquery.multi-select

スポンサーリンク

フォームのselect要素で、直感で複数選択
出来るようにするjQueryプラグイン。複数
選択できるようにしたい場合は多くの場合は
選択項目が多く、Ctrlを使わせるのはあまり
ユーザーフレンドリーとは言えませんので、
簡単に選べるようにする、というもの。

同じように複数選択を簡略化する方法は既出ですが、まぁ選択肢を増やすつもりで。IETesterでのIE6でも動作確認出来ました。

jquery.multi-select


クリックすると、選択した項目が左カラムに移動します。マウスのみで複数選択出来るのでユーザーにも優しい設計では。


反対にキャンセルしたい場合は左カラムでクリックすれば右に移動します。


複数選択とかヘッダを加えるとか選択させないとかも出来るようですよ。

使いどころは限られそうですが、見た目もすっきりしているので割と便利かもですね。デモもあるのでご興味がありましたら。

jquery.multi-select

URL :
TRB :

Comments & Trackbacks

Comments are closed.

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services