Need jQuery plugin to implement this UI

Question

Hi,

Does anyone know of a jQuery plugin to implement this UI?

Unfortunately I'm not able to find anything like that on Google.

You can write a script on JQuery, but I would not want to waste time reinventing the wheel.

Answer 1

I think you're looking for this: dual listbox.

(demo here)

Answer 2

You might consider the jQuery UI Sortable feature, which can be used to allow the user to drag items between lists; two lists demo and documentation here. (I bet there's a clever way to combine Selectable with this to make for an even better UI.) But you'd still want to have a fallback for non-JavaScript browsers.

Update Here's a live example of taking a boring old multi-select listbox and using progressive enhancement to turn it into two lists you can drag items between. Note that the example ensures that the original select box is kept up-to-date so that any form submission works as expected.

Answer 3

Multiselect has a slightly different UI, but works on a similar principle.