I have a drop down on which multiple selections can be made. Here is the demo.

Now, if you see the example, I can select multiple options, but when I close the drop down, I don't know what have I selected. The example lists the selected option in a data list below after the form is submitted, but that is not an elegant way to do that and as the demo is a pretty basic, I didn't expect it to be doing it in elegant way either.

How can I indicate that there are some values selected in the drop down and what options do I have? I was thinking of some icon to put along the drop down, but then couldn't figure out which one to put?


2 Answers 2


I like the way Facebook and other show lists of people. A possibility would be:

No selection:

enter image description here

One city selected:

enter image description here

Two cities:

enter image description here

More than two:

enter image description here

Hover to see selection without opening (maybe with something more elegant than a title attribute):

enter image description here

*Finally, if all options are checked:

enter image description here

  • The answer is crisp and exact to the point. Commented Apr 6, 2015 at 11:38
  • Thanks. I added one more screenshot. If all options are selected, the UI could say so.
    – ecc
    Commented Apr 6, 2015 at 11:46
  • Yeah this is apt and a must handled condition Commented Apr 6, 2015 at 11:48
  • Thats pretty nice. Commented Apr 6, 2015 at 11:48

After selection change the label od a dropdown from 'cities' to '2 cities selected'. This will give user info about two things: something is selected + quick recall of what could be inside.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.