🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A lightweight jQuery plugin for creating a cascading dropdown that enables you to dynamically populate a set of select boxes based on the previous selection.

Cascading-Dropdown dependent-select

Documentation

jquery-cascading-select

npm version npm downloads David

Unlimited level cascading select

Installation

npm

npm install jquery-cascading-select --save

bower

bower install jquery-cascading-select --save

Usage

See demo

API

Init

$('level 1 select').cascadingSelect(options)

Options

Name type default description
subSelects string array jQuery selectors for sub selects
data node array model of option tree
placeholder string false text to show when no option selected
placeholderWhenEmpty string false text to show when no option available

Node format

A node describes an option(its text, value, sub options) by one of following formats:

  • Leaf

    • object {text, value?}, e.g. { text: 't', value: 'v' }, { text: 't' } expands to { text: 't', value: 't' }
    • string, e.g. 't' expands to { text: 't', value: 't' }
  • Parent

    • object {text, value?, children}, e.g. { text: 't', children: [ node1, node2, ... ] }

You May Also Like