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

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

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

Answer 3

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

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