Is there a way to make a drop down list have multiple selects? Holding CTRL. Maybe with a JQuery Plugin?
-
2What do you want to show when somebody selecte multiple entires and collapses the list?nfechner– nfechner2011-08-25 19:29:07 +00:00Commented Aug 25, 2011 at 19:29
-
1@nfechner there exists certain point in such control. Suppose you have 100 items. Dropdown with multiselect would display selected item captions in line and you would see all of them (if you selected just a couple of items). With regular listbox you don't know what's selected until you scroll all of the list.Eugene Mayevski 'Callback– Eugene Mayevski 'Callback2011-08-25 19:32:23 +00:00Commented Aug 25, 2011 at 19:32
Add a comment
|
3 Answers
checkout Chosen if you have lots of elements, as this can be an issue with a standard select. it is highly customizable, from the website :
Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.
Not sure about the keyboard input though (which may not matter depending on your use case).
2 Comments
GolezTrol
If its goal is to make a select box more user-friendly, it can't possibly be that it supports multi select dropdowns.
Matthieu
@GolezTrol : it does support multi-select in a friendlier way. Second example in the project page (it's a before-after presentation though, it can get confusing). Unless I misunderstood your comment.
Just specify multiple="multiple" in your select element.
But remember. From a usability point of view, this isn't a very good solution. Maybe you should opt for a list of checkboxes instead.
4 Comments
Eugene Mayevski 'Callback
This doesn't look like a drop down, does it?
GolezTrol
@pimvdb Yeah, I know. But it's the first hit. And it explains things in such a way that even those who can't google will understand. ;-)
GolezTrol
@Eugene Indeed it doesn't. It's just an advise to choose a different solution. Multi-select dropdowns suck. They're not usable at all. Avoid them.
cdub
i want it to look like a regular drop down list, not a box with a scroll bar so multiple DOES NOT work
For one dropdown list you can set the "multiple" attribute.
