Dependent Dropdown

JavaScript

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

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

Dependent Dropdown

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

デモ

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

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

Dependent Dropdown

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

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

関連記事

  1. Bootstrap Mobile FullScreen Modal
  2. jquery-time-slider

    JavaScript

    時間と日付を選択できる「jquery-time-slider」

    jquery-time-sliderは時間と日付を選択できるjQuer…

  3. no-image
  4. Product comparison

    JavaScript

    製品などの比較に役立つjQueryプラグイン「Product comparison」

    Product comparisonは、いくつかの種類のものを比較する…

  5. Scrolla

    JavaScript

    スクロール時にアニメーションするjQueryプラグイン「Scrolla」

    Scrollaは上下スクロールしたときにアニメーションするjQuery…

  6. Tippy.js

    JavaScript

    軽量ながらも多彩なツールチップを実装できるJSライブラリ「Tippy.js」

    Tippy.jsは軽量でありながらも多彩なツールチップを実装することが…

最近の記事

  1. パニーニ(フォカッチャ ベーコンときのこのゴルゴンゾーラクリーム)とエスプレッソ
  2. 広尾 スタバ
  3. 芳醇な香りのラムレーズンサンド
  4. Aモーニングセット
  5. 白トリュフの塩パンやメロンパンなど

アーカイブ

PAGE TOP