A <select> might be good for choosing between 3-15 simple items, but how do you deal with 15-100+?
The simplest option would be to just have a plain <select> with a lot of <option>s, but it’s not very user friendly. There’s a lot of scrolling and it might be hard to find the option you are looking for. The benefit is that you can (maybe with scrolling) see all the options you have.
A more advanced option would be to have a text field with autocomplete. A user types in a letter or two, and search results come back which you choose from. It makes it easier to find the option you are looking for – if you know what you are looking for. The drawback is that the user can’t see all the options.
An even more advanced option would be to build a “search, list and choose” widget which defaults to show X items, but allows you to search. An advantage of this approach is that I can allow search on multiple attributes and not just the name of the item which is to be selected.
- What solutions have you deployed in
these situations? - Is there a jQuery plugin I should know about?
1 Answer