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!

  1. Hi,

    Tried to find a demo for your plugin (Cascading drop down plugin for jQuery) here. Unfortunately some guys don’t like to provide live demos …

    If I would have more time I would provide http://www.missing-jquery-demos.com … 😉

    cheers

    djot

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

  3. There’s a link at the bottom of the post 🙂

  4. Where??? why don’t you just put the link here?

  5. [RESOLVED]fill Dropdown on select on other | ASP.NET MVC - pingback on July 6, 2014 at 4:24 pm

Leave a Comment


NOTE - You can use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>