Multiselect two-column transfer widget with Twitter bootstrap theme

Question

I am looking for a multi-select jquery based two-column transfer widget having a look and feel compatible with twitter bootstrap. Typically transfer select widgets have two adja

Answer 1

The widget that user698585 wrote is 99% of the way there, and is a great widget, but there are some bugs in it, namely:

1. The widget causes the webpage to jump back to the top whenever you move values between the two columns. This is an issue if you have to scroll down to the widget.
2. The widget doesn't support tag values with spaces or ampersands in them.
3. There isn't an exposed method to initialize the right column with values from the left, so if you're using the widget to store selected values in a database, there isn't a way to initialize the widget with those selections when the user returns to the page later on.

I've notified the author of the issues and provided sample code fixes, but in the meantime, if you've run into these issues, you can find a fixed fork of the widget here.

Thanks, user698585 for all your hard work!

Answer 2

I decided finally to write my own from scratch. The source code can be found here. The following screenshot illustrates the look and feel of the widget:

Answer 3

You can try multiselect plugin multiselect both sides have search functionality

Answer 4

This is not a two-columns widget but has the same functionality. It's also a little prettier in my opinion:

http://davidstutz.github.io/bootstrap-multiselect/