Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Branch: master
Fetching contributors…

Cannot retrieve contributors at this time

52 lines (36 sloc) 1.488 kB

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
Jump to Line
Something went wrong with that request. Please try again.