Multi-Select Drop-Downs

15 Sep 2010 - 9:30am
4 years ago
4 replies
1045 reads
matthewjdoty
2009

Looking for some great examples of multi-select drop downs that work across browsers. I know they're out there and I've found a few but I'm sure I've missed somthing. 

Thanks

-Matthew

Comments

15 Sep 2010 - 9:47am
thehilker
2010

the first one that comes to mind is twitter.com's list drop down. it puts check boxes in the dropdown to clarify that you can indeed select more than one list.

15 Sep 2010 - 10:54am
Paul Pinkney
2009

I am attaching a file to a thread for the first time, so here goes.

Anyway, it does depend on what the task is, but this one has many applications.  It does use unobtrusive JavaScipt to function.

multi_select.png

15 Sep 2010 - 1:05pm
martinpolley
2007

Google Reader has a drop-down for managing a feed. Among other things, it lets you assign the feed to one or more folders. It does this by means of a check mark next to the folder name. Clicking a folder toggles the check mark and closes the menu.


HTH,

Martin Polley
Technical writer | Interaction designer

+972 52 3864280
Mail | @martinpolley | Web




On Wed, Sep 15, 2010 at 7:18 PM, Matthew Doty <matthewjdoty@gmail.com> wrote:

Looking for some great examples of multi-select drop downs that work across browsers. I know they're out there and I've found a few but I'm sure I've missed somthing. 

Thanks

-Matthew

(
15 Sep 2010 - 6:05pm
Loc Ngo
2008

@Matthew, I dont believe there is a standard multi select dropdown component that works cross browsers. JQuery offers a couple of variations of the multi-select box which seems to work fine in IE, FF, Safari & Chrome at http://dl.dropbox.com/u/8316573/index.html and http://plugins.jquery.com/plugin-tags/multiple-select.

Here's the the Google Reader implementation of the multi-select, it isnt obvious and rather unintuitive imo, check, www.locngo.net/jing/2010-09-15_1642.swf

On Wed, Sep 15, 2010 at 2:37 PM, martinpolley wrote: > Google Reader has a drop-down for managing a feed. Among other things, it > lets you assign the feed to one or more folders. It does this by means of a > check mark next to the folder name. Clicking a folder toggles the check mark > and closes the menu. > > HTH, > Martin Polley > Technical writer | Interaction designer > > +972 52 3864280 > Mail [1] | @martinpolley [2] | Web [3] > > On Wed, Sep 15, 2010 at 7:18 PM, Matthew Doty > wrote: > >> Looking for some great examples of multi-select drop downs that work >> across browsers. I know they're out there and I've found a few but I'm sure >> I've missed somthing. >> >> Thanks >> >> -Matthew >> >> ( >> >

Syndicate content Get the feed