Dependent Dropdown

JavaScript

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

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

Dependent Dropdown

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

デモ

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

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

Dependent Dropdown

Valiant 360360度のパノラマ動画を実装できるビデオプレーヤー「Valiant 360」前のページ

SNSシェアボタンとジャンボサイズのカウンターを設置できる「jumboShare」次のページjumboShare

関連記事

  1. reveal-it.js

    JavaScript

    左から右へテキストが美しくフェードイン表示する「reveal-it.js」

    reveal-it.jsはテキストが左から右へかけて徐々にフェードイン…

  2. overhang.jp

    JavaScript

    シンプルでクールな通知バーを実装できるjQueryプラグイン「overhang.jp」

    overhang.jsは、通知バーを実装するためのjQueryプラグイ…

  3. jQuery Bar Rating

    JavaScript

    選択範囲を評価ウィジェットに変換できる「jQuery Bar Rating」

    jQuery Bar Ratingは、ユーザーが選択する範囲を評価ウィ…

  4. Navi.js

    JavaScript

    ナビゲーションとコンテンツが連動して切り替わるjQueryプラグイン「Navi.js」

    ナビゲーションとコンテンツが連動して切り替わる便利なjQueryプラグ…

  5. Custom Carousel

    JavaScript

    カードスタイルのカルーセル・スライダー実装「Custom Carousel」

    Custom Carouselはカードスタイルによるシンプルなカルーセ…

  6. Excolo Slider

    JavaScript

    タッチにも対応しているシンプルなjQueryスライダー「Excolo Slider」

    タッチやマウススライドにも対応しているシンプルなjQueryスライダー…

最近の記事

  1. ハワイ カウ
  2. ぼんしゃん全部入り
  3. ナイトロコーヒー
  4. チーズベーコンエッグバーガー
PAGE TOP