Выбор нескольких элементов в сети

Question

Мне нужны некоторые идеи для проблемы с дизайном, у меня есть потребность в выполнении пользователем задачи, которая включает в себя выбор одного или нескольких учителей, а затем одного или нескольких студентов перед отправкой. Список возможных учеников, как правило, будет меньше 20, но может быть до 100. Любые идеи, как я должен это делать? Я думаю, что целая куча флажков, но это может быть проблематично, если есть 100 учеников, это займет много времени, чтобы найти нужных учеников, и это займет много места.

Answer 1

Лучшим решением для получения N записей из большого списка является следующим GUI виджет:

• Перечня пунктов, чтобы выбрать из
• поля поиска над ней содержимое списка фильтрации
• Второй список, содержащий выбранные элементы (с помощью кнопки «удалить из списка» (ов))

Ниже приведен пример того, как первые 2 пунктов можно посмотреть: http://kilianvalkhof.com/uploads/listfilter/

Механика этого примера: http://kilianvalkhof.com/2010/javascript/how-to-build-a-fast-simple-list-filter-with-jquery/

Другой пример (менее полированный вид, но все еще хороший дизайн в некотором смысле) является http://www.barelyfitz.com/projects/filterlist/index.php/all

Answer 2

Не могли бы вы использовать список выбора с несколькими атрибутами?

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

Answer 3

Вам не нравится куча флажков, но не все в 1 колонке, а в таблице. Я имею в виду, например, 4-5 столбцов флажков. Это не было бы таким огромным