drop-down-menu - 巨大下拉列表的替代品（24,000+ 项）

Question

在我的管理部分，当我编辑项目时，我必须将每个项目附加到父项目。我有超过 24,000 个父项的列表，它们按字母顺序列在下拉列表（音乐艺术家列表）中。

在下拉菜单中列出所有这些项目的编辑页面是 2MB，对于使用旧机器的人来说，它会像疯了一样滞后，尤其是在 Internet Explorer 中。

什么是复制相同功能的好选择，我需要从这 24,000 名艺术家中选择 1 名，而实际上无需将它们全部预加载到下拉菜单中。

Answer 1

而不是用这么多名字填写下拉列表，你可以：

1. 创建一个简单的搜索机制，您可以在其中匹配名称的开头
2. 利用类别（如果有的话）和多个组合框来缩小选择范围
3. 与上面相同，某种具有分类层次结构的树结构
4. 一个快捷方式控件，其中有一个链接或字母表字母的按钮（元类别）

当然，这在很大程度上取决于您正在实现的堆栈，例如您是使用 AJAX 还是 jQuery，访问 db/type。

Answer 2

假设该人知道他们在寻找什么，您可以创建一个简单的自动建议功能。结帐http://code.drewwilson.com/entry/autosuggest-jquery-plugin。

Answer 3

使用有许多自动完成下拉菜单的 jquery（或类似的）。例如：

http://docs.jquery.com/Plugins/Autocomplete

Answer 4

假设用户对他们正在寻找什么/谁有一定的了解（在这种情况下是艺术家），我认为自动完成文本框是最好的。这种方法将消除您的初始加载问题，提供一个干净的 AJAX-y 实现，这些天用户往往喜欢这种实现。或者，由于您正在处理艺术家姓名，您可能希望包含一个“字母”控件，该控件允许用户按首字母（第一个和/或最后一个）减少艺术家列表。我已经看到这非常有效，每个字母都有一个超链接。可以使用包含字母表中所有字母的下拉列表来实现相同的方法，根据选择动态加载过滤的艺术家下拉列表。