Dependent Dropdown

JavaScript

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

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

Dependent Dropdown

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

デモ

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

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

Dependent Dropdown

関連記事

  1. Alton

    JavaScript

    コンテンツごとに縦スクロールでナビゲートできるjQueryプラグイン「Alton」

    Altonはコンテンツごとに縦スクロールすることによりWebページをナ…

  2. Responsive Elements
  3. zoomwall.js

    JavaScript

    高さを揃えたグリッドレイアウトのLightbox系イメージギャラリー「zoomwall.js」

    zoomwall.jsは高さを揃えたグリッドレイアウトを実装することが…

  4. jquery.inputmask

    JavaScript

    テキスト入力のマスク(入力補助)を作成する「jquery.inputmask」

    jquery.inputmaskは、ウェブページでのテキスト入力のマス…

  5. desoSlide

    JavaScript

    サムネイル付きのナビが素敵なスライダーを実装できるjQueryプラグイン「desoSlide」

    desoSlideというjQueryプラグインを使えば、サムネイル付き…

最近の記事

  1. 梅しば
  2. BM-IBCDH13RD
  3. 雪
  4. ホットのドリップ
  5. めんたいこ&チーズ味 海老せんべい

アーカイブ

PAGE TOP