Dependent Dropdown

JavaScript

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

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

Dependent Dropdown

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

デモ

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

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

Dependent Dropdown

関連記事

  1. LuminJS

    JavaScript

    テキストを徐々にハイライトしていく「LuminJS」

    LuminJSはWebページ上のテキストを徐々にハイライトしていくJa…

  2. JavaScript

    画像の一部をカッコよく拡大したりできるjQueryプラグイン「Loupe」

    こうゆうプラグインは初めて使ってみたんですが、とても面白いですね。Lo…

  3. JavaScript

    画像を素敵なアニメーションで次々に表示させるjQueryのイメージギャラリー「Heap Shot」

    とても素敵な画像の見せ方だったのでご紹介します。jQueryプラグイン…

  4. Text Scramble Effect

    JavaScript

    テキストをスクランブルしながら表示していく「Text Scramble Effect」

    Text Scramble Effectはテキストをカシャカシャとスク…

  5. jQueryプラグインのスライダー集

    JavaScript

    【jQueryプラグイン】素晴らしい機能が満載のスライダー集

    jQueryプラグインには様々な役立つ機能がありますが、中でも人気が高…

  6. JavaScript

    ウェーブ(波形)を簡単に描いてくれるjQueryプラグイン「Wave」

    WaveというjQueryプラグインを使ってみました。これを使えばウェ…

最近の記事

  1. M360bt
  2. BQ-CASE/1

アーカイブ

PAGE TOP