jQuery.multiselect plugin demo

Download from github Screen Themeroller Ready


Your Name:
Your Email:
Your favorite color:
default layout and settings
Your favorite film:
custom layout with add button and input field outside the group
Your favorite writer:
custom layout with add button outside the group on the right not hidden while input and input field inside the group


jQuery plugin that converts <select> input with attribute multiple into group of checkboxes with ability to add new values.
Requires jQuery UI styles (jQuery UI JS is not required).

How to use

Here’s a simple example:

	<select multiple="on" size="5" name="color">
		<option value="white">White</option>
		<option value="black" selected="selected">Black</option>
		<option value="red">Red</option>



	var opts = { ... }


Key Value
layout Widget layout template
item List item layout template
addText Text for "New value" button/link
cancelText Text for "Cancel" icon in text field
inputTitle Text for input tooltip
size How many items show in widget without scroll (used if select has no "size" attribute)
itemHoverClass Hover class for list items
toggleAddButton Hide "New value" button when text field is visible
parse Function. Parse new list value and return values array. By default - split value by space(s)

Made in Studio 42