Replace select multiples with a widget which allows quick search
JavaScript CSS
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
lib
LICENCE
README.md
demo.html
jquery.selectmore.js

README.md

jQuery.selectmore

Fed-up with the poor usability of the native HTML select mutiple element? If so, use jQuery.selectmore and allow users to quickly search for multiple without using the [Ctrl] or [Cmd] key!

Dependencies

  • jQuery 1.7.2+
  • jQuery UI 1.8.20+
    • jquery.ui.core.js
    • jquery.ui.widget.js
    • jquery.ui.autocomplete.js

NB: An older version of jQuery UI might work (no testing done). However, jQuery 1.7.0 will be required due to the new event based syntax.

Usage

Include the plugin-script along with the jQuery and the required jQuery UI dependencies (see above), e.g.

<script src="lib/jquery-1.7.2.min.js"></script>
<script src="lib/jquery-ui-1.8.20.custom.min.js"></script>
<script src="jquery.selectmore.js"></script>

Then inside a javascript file (or inline in a script tag), call the selectmore() method on the wrapped set you wish to update, e.g.

$('select[multiple]').selectmore();

AMD

Alternatively you can include the module with require.js or similar:

require(['jquery', 'jquery.selectmore'], function ($) {
  $(function () {
    $('select[multiple]').selectmore();
  });
});

NB This relies on jQuery UI being available under the name 'jquery.ui'.

Supported browsers

  • Internet Explorer 6+
  • Firefox 12.0 on Ubuntu 11.10, OS X Lion 10.7.3
  • Chromium 18.0.1025.168 on Ubuntu 11.10
  • Chrome 18.0.1025.168 on OS X Lion 10.7.3
  • Safari 5.1.5 (7534.55.3) on OS X Lion 10.7.3