Filterize is a library for making select more user friendly and add a search capability.
- jQuery support 1.7+
<select class="demo">
<option>Spain</option>
<option>Italy</option>
<option>France</option>
<option>Germany</option>
<option>Brazil</option>
<option>Argentina</option>
<option>Andorra</option>
<option>Faroe Islands</option>
<option>Colombia</option>
<option>Ecuador</option>
<option>Canad</option>
</select>
$('.demo').filterize();
The following options are available to pass into Filterize on instantiation:
titleText: The text to be displayed for select list. Default: 'Select an option'
noresultsText: The text to be displayed when no matching results are found. Default: 'No results matched'
Example:
$('.demo').filterize({
titleText: "Select a country",
noresultsText: "Oh I'm sorry!"
});
You can trigger several events on the original select field to invoke a behavior in Filterize (Coming soon more).
filterize:update: When selected options are changed this event should be triggered to update Filterize behavior.
Example:
$('.demo').trigger("filterize:update");