This is our first attempt at implementing hierarchical select based on the Prototype JavaScript framework. Efforts have been made to enable the component to satisfy a range of possible needs, so that it can be widely used with different conditions.

Hierarchical select refers to situations where the select options represent a hierarchical structure of objects. In such cases, we assume that the option list of each select element contains a certain level in the object hierarchy. When an option is chosen, a new select element will appear next to the current one, containing options of children of the selected item, unless it reaches a leaf. We represent such a kind of select as a class, which can be instantiated where a hierarchical select is needed.

If you feel interested in this work, please find it at Kudelabs’ code repository, as well as CONCRETE EXAMPLES which demonstrate how to use our hierarchical select in a webpage environment.