How to add dropdown that supports multiple selection

Ayesha Hassan shared this problem 1 year ago
Not a Problem

In my prototype, I want a dropdown that supports multiple selection.

When i click on an input box, a drop down opens. Every item of drop down has a checkbox next to it. You can select multiple options from the dropdow using checkboxes and when clicked outside the dropdown, those values are populated in the input box with commas between them.

For example, a contacts dropdown from where I can select multiple contacts using checkboxes next to each contact name.

Comments (5)

photo
1

Dear Ayesha,

Can you attach an example/a snippet of your idea you have so we can see how this looks like and assist you more helpfully? (Files at the community must be attached as .rar extension) .

Best,

Sonia Durán

photo
1

66c9b62ae72b6aeca6c4c069e05b84adHi Sonia,


I am looking at the same scenario. need to add a drop-down list option > where the user can select via a check box one or multiple options. Once selected the options selected should be displayed in the drop down box, and if more then one is selected it should be seperated with a comma.


I hope the attached image makes sense

photo
1

Dear Jan,


The following example should help. Let me know how this works for you.


Best,

photo
1

Hi Sonia,


Thank you very much, my computer doesn't support .rar format file, can you perhaps send it in a zip file please

Thank you very much for the response.

photo
1

Hi Jan,


Yes. Here you are.


Best,


Sonia Durán