Cascading drop down plugin for jQuery

I recently wrote a jQuery plugin called jqCascade for cascading drop downs which can be found at: http://plugins.jquery.com/project/jqcascade.

It supports several chained cascade modes when a parent list changes to a “no selection” item including:
– Simply clearing the child drop downs
– Clearing the child drop downs, leaving the default selection item intact
– Clearing and disabling the child drop downs, leaving the default selection item intact
– Hiding the child drop downs

How do you use it?

        // Cascade when parent changes
        $('#myParentDropDown').cascading({
                dataUrl: 'http://localhost:31393/Home/GetJsonData/',
                parentDropDownId: 'parentDropDownDOMId',
                noSelectionValue: '0',
                noSelectionText: '[Default Selection]'
            });

The drop downs can be chained any number of ways. As always, the project can be downloaded here. Try it out and let me know what you think, and if there’s any suggestions for enhancements you would like to see in a future release let me know!

7 thoughts on “Cascading drop down plugin for jQuery

  1. Sumi

    I would also like to see a demo of this. Just a short example including the full html would be very helpful. Thanks.

  2. Pingback: [RESOLVED]fill Dropdown on select on other | ASP Questions & Answers

  3. Pingback: [RESOLVED]fill Dropdown on select on other | ASP Web Form Data Control

  4. Pingback: [RESOLVED]fill Dropdown on select on other | ASP.NET MVC

Leave a Reply

Your email address will not be published. Required fields are marked *