我有一个表单，用户可以在选择菜单中选择多个选项。从用户体验的角度来看，您认为最直观/最佳选择是什么？
A）对select元素使用“multiple”属性（然后你可以按住控制并选择多个选项）。 ADV ：简单，无需编码。 DIS ：不直观。
B）有多个复选框和一个select all / select none控件。 ADV ：非常简单。 DIS ：有很多选项时会混乱
C）有两个并排选择多个菜单，并有按钮添加/删除选项。选择的选项将在右侧并提交。 ADV：清理 DIS ：如果JS未启用，则会中断。
有人能想到更好的选择吗？
答案 0 :(得分：2)
我投票给B。
选项A是“香草”选项，但我讨厌必须按住Control并滚动查看长列表。不可避免的事情会滑落并清除整个清单。我确信患有关节炎的人也讨厌它。
选项C是一种常见的范例，但是当你有多个选项时，跟踪它会有点困难，特别是如果选项有任何顺序或关系。我更喜欢有一个列表，我可以将所有选项与其邻居联系起来。这取决于我想的具体用例。
选项B易于编码，无需JS即可使用95％，并为您提供布局的完全灵活性。它只是像你设计的那样混乱。这是我多次选择的方式，并且发现它很容易使用。
答案 1 :(得分：1)
A）如果您没有很长的清单，那就太好了。如果你有很多很多东西，那将会很烦人。不好，因为它不可搜索，与选项B不同。
B）很好，因为这不需要用户理解按住控制。因此，用户也不会意外地清除他们的选择，这显然是一件好事。它还将更清晰地显示您选择的选项。很好，因为您可以在单个标题或其他图形指示下对相关选项进行分组。这种方法将在没有JS的情况下工作，除了选择所有按钮，可以使用输入类型=“重置”来完成选择无按钮。
C）我认为如果用户明显添加到列表而不是选择选项，这可能会很好。但正如你所说，没有JS它将无法运作。我会考虑A和B而不是这个。除非您提供自定义过滤器框（再次依赖于JS），否则也无法搜索