php - UI：显示 Has 和 Belongs to Many 关系有哪些不同的方式？

Question

这不是关于特定框架的问题。我正在使用带有 jquery 的普通 php。我正在尝试将多个产品与多组选项相关联。也就是说，每个产品都可以有多个与其相关的非排他性选项集。在屏幕上表现这一点的最佳方式是什么？我想它可能是一个多选框。这可以使它变得简单，但我希望有另一个名为 order 的值来对屏幕上的选项集进行排序。

任何输入，或具有不同 UI 技术的网站都会很棒！谢谢！

Answer 1

1）如果有少量选项，则可以使用网格（第一列中的产品，第2列中的选项==> n，并具有用于选择合适的选票框。

2）如果 OTOH 您有更多选项（或网格出于订购原因没有为您执行此操作），您还可以使用单选列出每行一组选项，而不是多选列出每行 1 个选项，最常见的集合排在列表的首位。然后，您可以在底部有“其他”选项，如果选中，则会弹出一个多选精灵，用于选择不在最常见列表中的选项集。

如果有一组非常小的常用选项分组和/或许多选项之间存在高度相关性，则第二种解决方案对用户特别友好。