开发者

Selecting multiple items on the web

I need some ideas for a design problem, i have the need for a user to complete a task that involves selecting one or more teachers, and then one or more students before submitting. The list of possible students will typically be less than 20, but could be up to 100. Any ideas how i should go about this? I am thin开发者_开发技巧king a whole bunch of check boxes, but this could be problematic if there are a 100 students, it would take a long time to find the required students, and it would take up a lot of space.


The best solution for picking N entries from a large list is the following GUI widget:

  • A list of items to select from
  • A search field above it for filtering list contents
  • A second list showing currently selected items (with "delete from list" button(s))

The following is a great example of how the first 2 items can look: http://kilianvalkhof.com/uploads/listfilter/

The mechanics of that example are : http://kilianvalkhof.com/2010/javascript/how-to-build-a-fast-simple-list-filter-with-jquery/

Another example (less polished looking but still a good design in some ways) is http://www.barelyfitz.com/projects/filterlist/index.php/all


Could you use a select list with the multiple attribute?

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


Don't you like bunch of checkboxes but not all in 1 column, but in table. I mean, for example 4-5 columns of checkboxes. It wouldn't be so huge

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜