Php 如何用基于HTML的用户界面表示多记录的多对多关系

我正在使用django，但这可以应用于任何基于html的web技术

我希望允许用户将多个记录与一个记录条目相关联

通过一些记录，可以这样做：

问题是当组织有数千个，而你无法滚动浏览它们时

---

在基于html的用户界面中，是否有任何最佳实践或最佳方法使这些类型的多对多关联成为可能？

可以使用多个用户界面来提高应用程序的可用性

1。提前键入

Twitter、Facebook和instagram广泛使用这一功能，以便用户搜索数据。也可用于多个选择

2。在下拉列表中搜索

这允许用户单击下拉列表，然后进行筛选，然后根据自己的喜好选择多个项目

3。标签输入

经常与标记选择一起使用，这些标记选择总是多个且广泛

对我来说，我更喜欢typeahead，它会将所选项目添加到占位符中，并用times图标向用户显示，以便删除。您可能希望使用

AJAX

来获取预输入数据，而不是一次向页面传递1000条记录

---

希望这有帮助

我的第一个想法是分页。我的第二个想法是根据用户输入的内容进行过滤。许多项目（组织）能否以某种方式进行分组或结构化？例如，按字母顺序？如果有1000个条目，那么谁来查看这些条目，更不用说选择它们并将它们放入列表中了。我会重新考虑界面，也许会将组织分为不同的类别（这应该会产生更小的列表）。