Dependent Dropdown

JavaScript

ネストされたセレクトボックスを実装できる「Dependent Dropdown」

Dependent Dropdownはネストされたセレクトボックスを実装できるjQueryプラグインです。親のセレクトメニューを選ぶと、そのメニューに応じて選択できる子のセレクトメニューが変化します。

Dependent Dropdown

以下はDependent Dropdownのデモになります。

デモ

上の階層のメニューを選択することで、その下の階層にあるメニュー内容が変わるのがわかるかと思います。

余計なスペースもとりませんし、何より効率的なのでとても便利ですね。たくさん条件分岐が必要なときに活用できそうです。

Dependent Dropdown

関連記事

  1. Hamburger Icon Menu
  2. Linear Slider

    JavaScript

    シンプルな機能で使いやすいjQueryによる水平スライダー「Linear Slider」

    Linear Sliderはシンプルな機能性による水平スライダーを実装…

  3. sidebar-nav

    JavaScript

    ツリー型のサイドナビゲーションを実装できる「sidebar-nav」

    sidebar-navはツリー型でレスポンシブに対応したサイドナビゲー…

  4. syncscroll

    JavaScript

    2つ以上のスクロールエリアを同時にスクロールできる「syncscroll」

    syncscrollは2つ以上のスクロールエリアを同時にスクロールでき…

  5. Guardian

    JavaScript

    フォームにバリデーションを実装できるjQueryプラグイン「Guardian」

    Guardianはフォームにバリデーション機能を実装することができるj…

  6. Audero Smoke Effect

    JavaScript

    スモーク(煙)のエフェクトを実装できるjQueryプラグイン「Audero Smoke Effect…

    スモーク(煙)のエフェクトを実装することができるjQueryプラグイン…

最近の記事

  1. Dyson Pure Cool Me
  2. ルック セレクション
  3. シルキーウインドモバイル
  4. アリエール パワージェルボール3D

アーカイブ

PAGE TOP