Can I put the selection of multiple select into another box?

How Do I...
#1

I see through the documentation page and not found any related to my scope.

I wish to do searchable multiple selector but the result of the selection, I want to put them in another box other than the selection box.

And the result will shown in other box vertically one by one.

It will look like this…

[Searchable multiple selection box][V]

{

  • selected:2,
  • selected:4,
  • selected:5

}

And more selected will be added to the selected box in other new row.

#2

You will have to write your own code to manually copy the selected items to the other container element on your page. You can then style that container and its contents so they display the way you want them to. However, I don’t think it’s possible to hide the selected items in the select2 widget. You should be able to hook into the select2:select (and possibly the select2:unselect) events to do the copying (and possibly removal).