IO Select jQuery Plugin Examples

Download This Plugin Back To jQueryScript

A jQuery plugin that adds search, multiple selection, and tag-style displays to HTML select elements. Tailwind CSS styling included.

Basic Usage

$('#basicSelect').ioSelect();

Selected Value:

null

Multiple Selection

$('#multiSelect').ioSelect({
    placeholder: 'Select colors',
    searchPlaceholder: 'Search colors...'
});

Selected Values:

[]

Customized

$('#customSelect').ioSelect({
    placeholder: 'Select country',
    searchPlaceholder: 'Search country...',
    noResultsText: 'No country found'
});

Selected Value:

null

Search Disabled

$('#noSearchSelect').ioSelect({
    searchable: false,
    placeholder: 'Select month'
});

Selected Value:

null