Design patterns 在web上选择多个项目

Design patterns 在web上选择多个项目,design-patterns,select,Design Patterns,Select,我需要一些设计问题的想法,我需要一个用户完成一项任务,包括选择一个或多个教师,然后在提交前选择一个或多个学生。可能的学生名单通常会少于20人,但最多可能是100人。你知道我该怎么做吗?我想有一大堆复选框,但如果有100名学生,这可能会有问题,找到所需的学生需要很长时间,而且会占用大量空间。您能使用具有多属性的选择列表吗 <select multiple="multiple"> <option value="...">...</option> </

我需要一些设计问题的想法,我需要一个用户完成一项任务,包括选择一个或多个教师,然后在提交前选择一个或多个学生。可能的学生名单通常会少于20人,但最多可能是100人。你知道我该怎么做吗?我想有一大堆复选框,但如果有100名学生,这可能会有问题,找到所需的学生需要很长时间,而且会占用大量空间。

您能使用具有多属性的选择列表吗

<select multiple="multiple">
    <option value="...">...</option>
</select>

...

您不喜欢一堆复选框,但不是全部在一列中,而是在表中吗。我的意思是,例如,4-5列复选框。它不会这么大

从一个大列表中选取N个条目的最佳解决方案是以下GUI小部件:

  • 要从中选择的项目列表
  • 上面的搜索字段,用于筛选列表内容
  • 显示当前所选项目的第二个列表(带有“从列表中删除”按钮)
以下是前两项外观的一个很好的示例:

这个例子的原理是:

另一个例子(外观不那么光鲜,但在某些方面仍然是一个很好的设计)是

这更适合IMHO