js面向对象封装级联下拉菜单列表的实现步骤

本实例开发的级联下拉菜单是根据已有json数据创建的DOM元素。点击文本框后，显示一级菜单。打开后的级联菜单效果如图所示：使用实例中封装好的插件，只需要有一个input元素，即可通过插件自动生成级联下拉菜单，html代码如下所示：接下来看下具体封装的js代码怎么实现。如下所示：6. 最后，准备好数据，调用构造函数，生成级联下拉菜单，如下所示：一个封装好的js级联下拉功能就完成了，可以根据图片自己编写css样式以达到需要的效果。