multi-list

JavaScript

複数の選択可能なリストにするためのjQueryプラグイン「multi-list」

multi-listは、順序付けされていないリストを複数の選択可能なリストにするための便利なjQueryプラグインです。バラバラに並んでいるリストから、特定のジャンルに関するリストを表示したり文字によるフィルターをかけたりしたいという場合にはピッタリの機能ですね。

文字によるフィルターも可能

デモ

デモでは順序付けされていない地域名が並べられています。「Filter」と書かれたテキストボックスから文字を入力すると、その文字が入っている地域名が抽出されます。

また、下の方にはSelect all、Select Asia、Hide Oceania、Show Oceania、Disable Africa、Enable Africaなど、さまざまなボタンが設置されています。

すべてのチェックボックスにチェックを入れたり、アジアだけのチェックボックスにチェックを入れたり、またはオセアニアを非表示にしたりオセアニアを表示したりと、カスタマイズ次第でいろんなパターンのリストを表示させることができます。

マークアップもシンプルでわかりやすいほか、応用次第で多彩なカスタマイズができそうですね。

文字によるフィルターもかけれるので、たくさんのリストがあるサイトなんかにも大活躍してくれるのではないでしょうか?

選択時、または選択解除時によるイベント設定もできるみたいですよ。

というわけで、順序付けされていないリストを複数の選択可能なリストにすることができるjQueryプラグイン「multi-list」のご紹介でした。

multi-list

関連記事

  1. Image Gallery Threejs
  2. jQuery Navobile
  3. EZ Tabs jQuery Plugin
  4. slider Menu

    JavaScript

    メニューリストをスライダーメニューにするjQueryプラグイン「slider Menu」

    slider Menuはメニューリストをスムーズにスライダーメニューに…

  5. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryの基本的なanimateメソッドを使って適当に遊んでみる

    jQueryのanimateメソッドを使えば自分で好きなようにアニメー…

  6. zelect

    JavaScript

    セレクトボックスをカスタマイズして使いやすくしてくれる「zelect」

    zelectはセレクトボックスをユーザーが使いやすくなるようにカスタマ…

最近の記事

  1. オリジナルチキン6ピース
  2. 200-DGCAM019
  3. ハクバ GW-PRO RED フォトグローブプロ PL
  4. Soundcore Liberty Air 2

アーカイブ

PAGE TOP