jQuery crossSelect plugin demo

Please visit my new campsite listing site ukcampingmap.co.uk

Creating more intuitive multiple select form elements

This is the crossSelect plugin using default settings. Change the settings below to tailor it to your website

Dimensions and overflow
Click behaviour
  • Double click selection
  • Single click selection
  • Clicks accumulate
Language and wording

About the crossSelect plugin

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.

To apply the plug-in to a <select> tag/some <select> tags add the line, eg

$('select[multiple="multiple"]').crossSelect(); 

The plugin takes 5 optional parameters in JSON form:

eg $('select').crossSelect({horizontal:'expand', font: '17', rows: '20'});

If you have any comments please leave a comment on my blog