Javascript 如何使用ajax/jQuery实现动态分类导航/分层下拉列表？

我想为我的用户提供一种方法，通过依次向下钻取ono下拉列表来导航分类法

一个简单的例子就是易趣的分类。假设您选择类别“衣服”，下一个下拉列表将显示衣服下的所有子类别，如“短裤”、“裤子”、“外套”等，并且可以任意深入

我查看了jQuery插件mcDropdown。界面看起来真不错。然而，它似乎需要一次性将整个分类法传递给插件。我看过的其他插件也有这个限制

我需要一些动态检索和显示数据的东西。因此，在用户选择“衣服”之后，用户界面将该选择发送回服务器，然后服务器将返回“衣服”的子类别列表，以此类推

有没有jQuery插件可以做到这一点？或者在普通jQuery中实现它需要什么

---

我更喜欢jQuery，但其他框架也可以。

我不知道有什么插件可以实现这一点，所以这里是流程的分解

应该不会花很长时间实施。。（我不尝试这样做，因为它依赖于您的服务器端技术和ajax调用返回的html/xml/json之间的首选项…）

jquery Ajax调用带来一级数据

使用jquery创建下拉列表并向其中添加获取的数据

列表项 在新下拉列表上使用jquery

.data（）

方法自动递增计数器（当您更改下拉列表中不是最后一个的内容时，将用于删除所有后续实例）

将处理程序绑定到新下拉列表的

.change（）

事件，该事件将重复整个过程，并将所选内容的id作为参数传递给ajax调用（应创建一次逻辑，第一次手动调用即可..）

在同一个处理程序中，检查选择框的计数器是否不是最后一个，查找所有下拉列表并删除计数器大于此下拉列表的下拉列表

在DOM中添加新的下拉列表

---

我希望这有点道理。

我曾经说过，这可能就是你想要的；如果没有，至少它应该给您一个开始编码的好地方（希望：）

谢谢。我会深入研究的。你认为你的插件稳定还是更具实验性？它在生产代码中使用，所以我认为它相当稳定。不过，里面可能有一两个bug……如果你发现了，我希望你能提醒我一下。