5 回答
我过去使用的替代方案是：
1) 对于少量项目，使用复选框列表。复选框更加直观且易于使用，但对于大量项目，它可能成为一个问题。不过，当项目数量增加时，您可以添加：
<div style="overflow: scroll" />
具有固定高度。
2）对于非常多的项目，很难看到真正选择了什么，特别是当实际选择的项目很少时。在这种情况下，两个并排的列表可以将项目从一个移动到另一个是更好的方法。
3）当项目的数量不是很大但多于几个时，我使用了内部构建的带有复选框的下拉菜单，其优点是只占用很小的空间。像这样的东西可能会有所帮助。
我建议使用两个列表框，一个带有可用列表框，一个带有选定列表框。单击或双击其中一个列表中的项目应将该项目移动到另一个列表中。为方便起见，我还包括两个“移动”按钮来做同样的事情。这种方法在 Web 应用程序和桌面应用程序中非常适用于普通用户。
您可以只使用手动取消选择/选择的 Javascript onclick 行为的项目列表（例如简单链接）。基本上通过在两个值之间更改 css 类，并在提交期间检查这些 css（或其他一些属性）以确定选择。
这将允许用户通过单击简单地选择一个项目，并通过单击取消选择，而不是标准的 Ctrl+Click 要求。
对于不经常使用三个下拉菜单的用户可能效果最好>：
<select><option>Capa Verde</option></select>
<select><option>Holiday</option></select>
<select><option>Competition</option></select>
或者，您可能有一系列按钮，一旦单击就会粘住。但是，很难传达最多三个选项的限制。
如果需要单独标记每张照片并且类别数量有限，您可以在照片顶部显示类别列表（可能在几列中）（显然您需要确保项目可读并表明他们愿意点击）并让用户通过单击来选择和取消选择标签。它对键盘不是很友好，但是如果没有某种指针设备，它几乎不可能使用网络。在这种情况下，您将使用空间定位来连接类别和照片。
有两堆（可用和选定）等的各种选项。
你能至少做一个“走廊”可用性测试吗？
用户方面的实际任务是什么？用户是谁？
我讨厌多选，尤其是当以后可以编辑该项目时（如果您在不按住 CTRL 的情况下单击，则会丢失您已经选择的内容）。根据我的经验，最好的两个选择是：
- 具有三个单独的选择选项（如果您限制为三个）。这样做的好处是，您“最多选择三个”的说明非常适合用户体验，并且使用一点 JavaScript，您可以从第二个下拉列表中删除第一个选择，从而消除混乱。
- 使用复选框。复选框的好处是它可能更好地匹配您的数据库，而且信息对用户来说非常直观，并且稍微考虑一下您如何呈现用户体验可以非常可靠。前任。将您的复选框分组到有意义的区域。