1

我想为我的用户提供一种通过连续向下钻取下拉列表来导航分类的方法。

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

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

我需要动态检索和显示数据的东西。因此，在用户选择“服装”后，UI 将该选择发送回服务器，然后服务器将“服装”的子类别列表发送回，依此类推。

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

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

4

2 回答 2

2

我不知道有什么插件可以解决这个问题，所以这里是该过程的细分..

应该不需要很长时间来实现..（我不尝试它，因为它依赖于您的服务器端技术和 html/xml/json 之间的偏好来返回 ajax 调用..）

  1. jquery Ajax 调用带来一级数据
  2. 使用 jquery 创建下拉列表并将获取的数据添加到其中
  3. 列表项在新下拉列表中使用 jquery.data()方法自动递增计数器（当您更改不是最后一个下拉列表中的某些内容时，将用于删除所有后续实例）
  4. 将处理程序绑定到.change()将重复整个过程的新下拉列表的事件，将作为参数传递给 ajax 调用选择的 id（应该创建一次逻辑并在第一次手动调用它..）
  5. 在同一个处理程序中，检查选择框的计数器是否不是最后一个，找到所有下拉列表并删除计数器大于此下拉列表的那些..
  6. 在 DOM 中添加新的下拉列表..

我希望它有一些意义..

于 2010-02-11T23:32:55.040 回答
1

我曾经写过一个可能是你要找的插件；如果没有，至少它应该给你一个开始编码的好地方（希望:)

于 2010-02-12T00:15:12.730 回答