jQuery Selective Test

Basic Example

Just multiple select autocomplete.

Example with Add Option and Add Button

You can add values not present in autocomplete results by pressing enter or comma. Styled as a list of tags we're adding to. An optional "add" button is also provided to avoid user confusion (in our UX tests this does seem to be important).

Example with Add and Incomplete

You can add values not present in autocomplete results by pressing enter or comma. If you have entered a value but not pressed enter or comma when the save button is clicked, that value is returned too, demonstrating the incomplete option. Styled as a list of tags we're adding to.

Example with withLabels and Add

You can add values not present in autocomplete results by pressing enter or comma. Styled as a list of tags we're adding to.

Fancy Example

Multiple select autocomplete with drag and drop sorting, no duplicate entries, removed entries shown with strikethrough, and checkboxes for propagation to child objects.

Fanciest Example

Multiple select autocomplete with drag and drop sorting, no duplicate entries, removed entries shown with strikethrough, and a "job title" for each selected employee.

Basic Example With Limit

No more than 3 selections permitted.

Maximum Reached

Basic Example With Limit And Strikethrough

No more than 3 selections permitted.

Maximum Reached

Alpha Sort Demo

Alpha sort, achieved via an insertItemAt event handler.