New Revised CSS Library Forums Web Tools
FAQs Awards Usage Terms Contact
Categories
Other Sections
Sweet Ads
Compatibility
Bookmark online:


NS6+ IE5+ Opera 7+

Chained Select Menu

Author: Xin Yang/ Dynamicdrive.com

Note: Updated Aug 26th, 04 for sub-list sharing bug, ability to reuse a list group.

Description: Based on Xin's great Chained Selects script, we modified it here to specifically act as a navigational menu. It includes a helper function that loops through the interdependant select lists, and if an "end selection" has been made, takes the user to that selection's value (aka URL). Also supports opening the URLs in a new window. You can use this script to create a multi-level form menu of any dimension.

New! Script now supports a persistent feature, implemented using session cookies. With it enabled, the script remembers and loads the last selection lists of the user when page is reloaded or returned to. See updated docs for more info.

Demo: In the example below: 1) empty lists are disabled, 2) persistent feature is turned on (try reloading page). 3) The selected value is simply alerted for illustration.

See Also: Chained Selects script.


Directions:

Simply download chainedmenu.zip, and refer to the page "chainedmenu.html" for installation and documentation info.

Developer's Note

You may need to study the config.js file for some time before understanding its structure and how to customize it. You are entering the realm of the multidimensional after all :)