fklingler / jquery-touch-multiselect

jQuery plugin to have a touch-fitted multi select input field.

This jQuery plugin is able to transform a classic <select multiple="multiple"> input field of a form into a nice foldable list with easily selected elements, even for a touch device like a smartphone.

You can look at the demo folder to watch a working use of this plugin.

Usage

You can simply use this plugin by creating a standard <select multiple="multiple"> list :

<select multiple="multiple">
  <option value="1" selected="selected">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3" selected="selected">Java</option>
  <option value="4">Option 4</option>
</select>

Then in a javascript script, you can simply use this function :

$('select').touchMultiSelect();

Parameters

Some parameters can be passed to the function to customize the behavior of the plugin :

• noneButtonPresent
  Determines if a 'none' button must be included in the list
  default value : true

• noneButtonText
  Determines the text of the 'none' button if there is one
  default value : 'None'

• noneButtonAtBeginning
  Determines if the 'none' button must be prepended (true) or appended (false) to the list
  default value : true

• permitNoSelectedButton
  If there is no 'none' button, determines if we can deselect an option if there is no other selected option
  default value : false

• maximumNumberSelections
  Limits how many options can be selected; default is no limitation (null)
  default value : null

Example

$('select').touchMultiSelect({
  noneButtonPresent: false,
  permitNoSelectedButton: true
});

Information

This plugin has been made as a part of my work at Novelys.

License

MIT License. Copyright 2012 Novelys.

jquery-touch-multiselect's Issues

Subsequent click handlers

As far as I can tell, trying to attach a click handler to any of the jquery-touch-multiselects is not possible. Are there any workarounds or solutions? I was a little confused as to why this is happening because as far as I can tell, you haven't used .stopImmediatePropegation anywhere in the plugin.

Y U NO USE SYNTAX HIGHLIGHTING FOR TEH CODEZ IN README FILE

Make the plugin update when new select options are created on the fly.

Or add a reset option to the plugin so that we can reset the plugin when we create new select options on the fly.

Y U NO WRITE A README FILE ?!

Bitches love README files