User interface web ui：如何为多个选择显示大型列表

我正在寻找任何人可能见过的关于如何有效地呈现项目列表（总共约1500个）的示例，以便可以选择多个项目

我见过两个类似的问题，答案是自动完成，它可以选择单个项目，但不允许用户选择多个项目

---

任何建议，特别是指向可能有潜在解决方案的web应用的指针，都将不胜感激

我想不出任何可用的web应用程序可以向我展示1500件我必须选择的东西

---

我的建议是以某种方式将列表分解（例如，作为一系列较小的选择，然后您可以允许使用倍数）。你问的问题听起来像是可用性的噩梦。

我会创建一个容器

div

，通过在文本输入中键入文本来填充项目。
文本输入对所有可用项执行基本筛选。

---

这些项目将以可选元素的形式出现在容器中，而选定的项目将被转移到一个单独的容器中（以便能够执行多个搜索）。

我在思考谷歌如何使用Gmail

首先，您可以在用户可以单独选择的每个项目旁边放置复选框。然后放置一个过滤器/搜索框，可以选择/取消选择所有匹配项（添加到选择项/从选择项中减去）。您还可以在文本框上实现自动完成

其他过滤选项（按标记、按日期等）也很适合此方法。这取决于您试图列出的项目类型

---

如果项目之间有一些共同的分组，您还可以将列表安排在一组子列表中。仍然使用复选框，但您可以将列表框彼此相邻排列（当用户选择要查看的父节点时，在右侧的下一个框中填充子节点）。或者一个简单的树状视图就可以了。

对不起，我迟到了几年。。。我希望这至少能帮助一些人

我会说要么使用它，要么使用更大的版本。好吧，也许这不是1500个项目的最佳界面，但也许它刚刚好。它与谷歌的处理方式类似，只是它几乎不支持键盘导航

它修改了常规的选择多个HTML下拉框，带有一个非常可定制和可点击的列表，您可以轻松地筛选（当前是）或组-目前，筛选和分组不能很好地协同工作

---

如果需要，可以使用此multiselect和另一个显示所选内容的框。您甚至可以这样做。

这篇文章发布已经有一段时间了，但与此同时，一些非常好的多选“标签输入”或“pillbox”样式选项已经可用：

---

对于许多情况，这是一个非常好的解决方案-试试看

我知道，但试着告诉用户：）给他们过滤、排序、分页，他们会很高兴：）又迟到了3年：）但在