Flat Dream-后台管理系统模板

elem 1 elem 2 elem 3 elem 4 elem 5 elem 6 elem 7 elem 1 elem 2 elem 3 elem 4 elem 5 elem 6 elem 7	Activates your content as a multiselect.
elem 1 elem 2 elem 3 elem 4 elem 5 elem 6 elem 7 elem 1 elem 2 elem 3 elem 4 elem 5 elem 6 elem 7	Select with preselected options: `<option value="elem_3" selected>elem 3</option>`
elem 1 elem 2 elem 3 elem 4 elem 5 elem 6 elem 7 elem 1 elem 2 elem 3 elem 4 elem 5 elem 6 elem 7	The event handler gets the selected option as first parameter and a variable saying whether the option is checked or not as second one.
Jedi Obiwan Yoda Sith Darth Vader Palpatine Jedi Obiwan Yoda Sith Darth Vader Palpatine	Option groups are detected automatically and for each option group an header element is added
elem 1 elem 2 elem 3 elem 4 elem 5 elem 6 elem 7 elem 1 elem 2 elem 3 elem 4 elem 5 elem 6 elem 7	You can also deactivate option one by one by adding disabled attribute to each option you want to disable `<option value='fuu' disabled='disabled'>bar</option>`
Selectable items elem 1 elem 2 elem 3 elem 4 elem 5 elem 6 elem 7 Selection items elem 1 elem 2 elem 3 elem 4 elem 5 elem 6 elem 7	This option add a header to the multiselect box.
elem 1 elem 2 elem 3 elem 4 elem 5 elem 6 elem 7 elem 1 elem 2 elem 3 elem 4 elem 5 elem 6 elem 7	Adds a search bar to filter options

CSS HTML PHP Javascript jQuery AJAX	Normal select. The plugin will do single selection using radio buttons rather than multiple selection using checkboxes.
CSS HTML PHP Javascript jQuery AJAX	Select with preselected options: `<option value="css" selected>CSS</option>`
Select all CSS HTML PHP Javascript jQuery AJAX	Multiselect with a 'Select all' option
Select all 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100	Multiselect with a 'Select all' option and filtering enabled using the `enableFiltering` option.
Select all CSS HTML PHP Javascript jQuery AJAX	The 'Select all' option automatically repsonds to the selection of the user. In particular, it responds to the initial state of the select.
CSS HTML PHP Javascript jQuery AJAX	Small button using `buttonClass: 'btn btn-default btn-sm'`.
CSS HTML PHP Javascript jQuery AJAX	Multiple select within a group with add-ons and default container for the plugin: `buttonContainer: '<div class="btn-group" />'`.
CSS HTML PHP Javascript jQuery AJAX	Using the `onChange` option you can add an event handler to the change event. The event handler gets the selected option as first parameter and a variable saying whether the option is checked or not as second one.
Options 1 Options 2 Options 3 Options 4 Options 5 Options 6 Options 7 Options 8 Options 9 Options 10 Options 11 Options 12 Options 13 Options 14 Options 15 Options 16 Options 17 Options 18 Options 19 Options 20 Options 21 Options 22 Options 23 Options 24 Options 25 Options 26 Options 27 Options 28 Options 29 Options 30 Options 31 Options 32 Options 33 Options 34 Options 35 Options 36 Options 37 Options 38 Options 39 Options 40 Options 41 Options 42 Options 43 Options 44 Options 45 Options 46 Options 47 Options 48 Options 49 Options 50 Options 51 Options 52 Options 53 Options 54 Options 55 Options 56 Options 57 Options 58 Options 59 Options 60 Options 61 Options 62 Options 63 Options 64 Options 65 Options 66 Options 67 Options 68 Options 69 Options 70 Options 71 Options 72 Options 73 Options 74 Options 75 Options 76 Options 77 Options 78 Options 79 Options 80 Options 81 Options 82 Options 83 Options 84 Options 85 Options 86 Options 87 Options 88 Options 89 Options 90 Options 91 Options 92 Options 93 Options 94 Options 95 Options 96 Options 97 Options 98 Options 99 Options 100	For long option lists the `maxHeight` option can be set.
Enabled 1 Enabled 2 Disabled 1	The plugin supports disabled options, too: `disabled="disabled"`
CSS HTML PHP Javascript jQuery AJAX	Use the `buttonWidth` option to adjust the width of the button.
CSS HTML PHP Javascript jQuery AJAX	Using the `onChange` option to prevent user from deselecting selected options.
Mathematics Analysis Linear Algebra Discrete Mathematics Numerical Analysis Probability Theory Computer Science Introduction to Programming Automata Theory Complexity Theory Software Engineering	Option groups are detected automatically and for each option group an header element is added: `<optgroup label="Mathematics">...</optgroup>`
Lab Course Proseminar Mathematics Analysis Linear Algebra Discrete Mathematics Numerical Analysis Probability Theory Computer Science Introduction to Programming Automata Theory Complexity Theory Software Engineering	Option groups and options without any group are supported simultaneously.
CSS HTML PHP Javascript jQuery AJAX	Using the `selectedClass` option to turn off the active class for selected options.
Ana LA Discrete NumA Proba	Specifiy an alternaitve label for the options: `<option label="label"></option>`
Ana LA Discrete NumA Proba	Make the menu drop right instead of dropping left with `dropRight`.
CSS HTML PHP Javascript jQuery AJAX	Using the `data-role="multiselect"` attribute for automatic wireup.
CSS HTML PHP Javascript jQuery AJAX	The multiselect will adopt the state of the select: `<select disabled></select>`.
CSS HTML PHP Javascript jQuery AJAX	The button will keep the `tabindex` of the select.
Select all Lab Course Proseminar Mathematics Analysis Linear Algebra Discrete Mathematics Numerical Analysis Probability Theory Computer Science Introduction to Programming Automata Theory Complexity Theory Software Engineering	Using `optgroups`s with filtering and the select all option.

Basic

Boxed Multiselect