Php UI：有哪些不同的方式来显示一个“拥有”和“属于”多个关系？

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

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

1）如果有一小部分选项，您可以使用网格（第一列中的产品，第2列中的选项==>N，并选中相应的复选框

2） 如果您有更多的选项（或者grid出于排序原因没有为您这样做），您也可以使用单选列表，而不是每行多选择一个选项，列出每行的一组选项，最常见的选项列在列表的第一位。然后，您可以在底部有“其他”选项，如果选中，将弹出一个多选精灵，用于选择不在最常用列表中的选项集

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