I have a Dropdownlist and many Checkboxs. For any particular dropdown select value I will show all checkboxs and if their is already any database relation with that dropdown value I have set checkbox Selected=true;

The user can also edit ie (check/uncheck checkboxes) for a particular dropdown list and this will save in database

Some option what i tried UI looks like.

Option 1 enter image description here

Option 2

enter image description here

  • Is the main purpose to narrow down the search parameters or to filter the returned search results? I think if you provide the more general options for pre-search, and maybe the more detailed results for post-search it will provide the optimal user experience.
    – Michael Lai
    Commented Mar 17, 2013 at 23:37
  • You can look into the following component: asimishaq.com/resources/tools/multi-select-dropdown-list
    – asim-ishaq
    Commented Oct 28, 2013 at 19:33

1 Answer 1


I think you should check http://loopj.com/jquery-tokeninput/. If you have many checkboxes, I think it is not good to show all checkboxes. However, Tokeninput can let users to check multiple checkboxes as tagging. Therefore, you do not have to worry about how many selections in a database. Downside is that users will not know all choices they can select. You may have to use Tokeninput with tag cloud to show all selections.



If a user can select an industry, and there are much space to display many checkboxes, I like option1. The search filter of Youtube is a good example for how to represent checkboxes in another form.

Users can select an industry and see all choice he has, but for the second option, a user have to scroll down to view and check checkboxes. You can imagine that a drop-down list which has many items is undesirable. For example, a drop-down list for countries

  • Thanks for reply, Well here in my scenareo theres condition that the selected dropdown list (ie Industry type) already have a relation with workcategoryies and so i want those relation to be visible for the user, and by looking at it further user can edit it, Btw Taging effect look cool Commented Jan 25, 2013 at 6:32
  • Can users select multiple industries?
    – Lookchin
    Commented Jan 25, 2013 at 6:36
  • No at a time only one industry, But all subcategory is visible and user(Admin) set industry_X_Category relation Commented Jan 25, 2013 at 6:42
  • I like the first option, because users will see all options they have.
    – Lookchin
    Commented Jan 25, 2013 at 6:47
  • 1
    I added some fancy checkboxes of Youtube, so you will have more idea. I think that checkboxes is faster than Tokeninput, because checkboxes need only sigle click. Tokeninput is slow users down, since users have to move their hand from a mouse to a keyboard and type many characters. I am sorry that I edit my answer many times.
    – Lookchin
    Commented Jan 25, 2013 at 6:56

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.