This plugin can replace any multiple select element with a “switch item to the other column” interface more intuitive to use, and more similar to that seen in many desktop applications.


The select is turned into 2 columns, with select, remove, select all and remove all buttons inbetween them. By first clickng on one of the select’s options and then clicking the select button the item is moved to the column (and the original is given selected=”selected”), and it works similarly with the other buttons.

It’s customisable in 7 ways – font size, number of rows, width, double click and single click behaviour, and behaviour if list items overrun vertically or horizontally.

It has been fully tested in ie6, 7 and 8, safari, and ffx. please let me know if you come across any bugs.
jQuery CrossSelect Plugin Web Site
jQuery CrossSelect Plugin Demo
jQuery CrossSelect Plugin Download

Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks

Leave a Reply

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>