JavaScript通用层次式下拉列表框
下拉列表框在各种软件界面,包括网页环境中都是十分常用的组件,或称元素。这种元素提供了对同类对象进行选择的一种方式。然而,我们在项目实践中发现,有些数据记录之间具有层次关系。把这类数据集载入到下拉列表框中供用户选择时,我们就有必要使列表框中的选项反映出数据记录的层次关系。因此,我们尝试实现了基于Prototype JavaScript框架的层次式下拉列表框。
我们的层次式下拉列表框具有如下特点。每个下拉列表框中的选项包含数据集中的一个层次。当某个选项被选中时,若其有子选项,则在紧随当前列表框元素的位置,会弹出新的下拉列表框,包含相应子选项供用户选择。由此可以看出,所谓层次式下拉列表框本质上是一个具有层次关系的下拉列表框序列。我们把这种元素表达为类。你只要在需要的地方创建该类的一个对象,便可获得这样一个层次式下拉列表框。如果你对我们的层次式下拉列表框感兴趣,或你正需要这样一种元素来丰富你的页面,那么请到Kudelabs的代码库去获取这个组件。同时,在下面的例子页面中,我们详细地示范了如何创建和使用我们的层次式下拉列表框,并显示出其效果。
请点击例子,体验一下我们的层次式下拉列表框。
