InterActiveMultiSelect - jQuery Plugin Demo

A jQuery multi-select plugin compatible with all frameworks including ASP.NET MVC, Bootstrap modals, and more.

Checkbox Mode (Multiple Selection)

Select Fruits Initialization Example

$('#fruits').interActiveMultiSelect({
placeholder: 'Select Fruits'
});

Radio Mode (Single Selection)

Select Country Initialization Example

$('#country').interActiveMultiSelect({
mode: 'radio',
placeholder: 'Select Country'
});

With Search Option

Select Employees Initialization Example

$('#employeesSearch').interActiveMultiSelect({
placeholder: 'Select Employees',
search: true,
searchPlaceholder: 'Search employees...'
});

Radio with Search

Select City Initialization Example

$('#citySearch').interActiveMultiSelect({
mode: 'radio',
placeholder: 'Select City',
search: true,
searchPlaceholder: 'Search city...'
});

Bootstrap Modal Compatibility

Initialization Example

$('#demoModal').on('shown.bs.modal', function(){
if (!$('#employees').data('ias-init')){
$('#employees').interActiveMultiSelect({
placeholder: 'Select Employees',
search: true
}).data('ias-init', true);
}
});

With Option Groups

Select Skills Initialization Example

$('#skills').interActiveMultiSelect({
placeholder: 'Select Skills',
search: true,
searchPlaceholder: 'Search skills...'
});

ASP.NET MVC Form Example (with Search)

Select Categories Initialization Example

$('#categories').interActiveMultiSelect({
placeholder: 'Select Categories',
search: true
});

Custom Theme (Dark)

Select Colors Initialization Example

$('#colors').interActiveMultiSelect({
placeholder: 'Select Colors'
});

With Disabled Options

Select Status Initialization Example

$('#status').interActiveMultiSelect({
placeholder: 'Select Status'
});

InterActiveMultiSelect Plugin Demo