Minimal Select Elements Replacement Plugin with jQuery - Minimalect

Minimalect is a simple and clean jQuery plugin that replaces the default html select elements with a nicer styled control. It comes with 2 themes (default and bubble) to style your select interface and has the ability to filter results on typing. It also supports html optgroup tag to create a grouping of options within a select element.

You might also like:

• Form Select Element Replacement Plugin  - Mighty Form Styler
• Default Checkbox Replacement Plugin - jQuery prettyCheckable
• Standard Select Form Replacement Plugin - Selectik
• Select Boxes Replacement Plugin - Select2
• jQuery Plugin For Custom Select Menus
• jQuery Multiple Select Element Replacement Plugin - selectlist
• Beautiful Select Element Replacement Solution with jQuery and CSS3
• Simple Stylizable Select Input Plugin with jQuery - Brute Select
• jQuery Plugin For Customizable Select Box - selectify
• Select Boxes Replacement Plugin - Select2
• Clean Select Elements Replacement Plugin For jQuery - Selecter

How to use it:

1. Include the latest jQuery library and jQuery Minimalect in the header

<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="jquery.minimalect.min.js"></script>

2. Include Minimalect CSS to style your select elements

<link href="jquery.minimalect.min.css" rel="stylesheet" type="text/css">

3. Create a select box

<select id="demo">
<optgroup label="Swedish Cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="scania">Scania</option>
</optgroup>
<optgroup label="Finnish Cars">
<option value="sisu">Sisu</option>
</optgroup>
<optgroup label="German Cars">
<option value="volkswagen">Volkswagen</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
<option value="bmw">BMW</option>
<option value="opel">Opel</option>
<option value="porsche">Porsche</option>
</optgroup>
</select>

4. Call the plugin with options

$(document).ready(function(){
$("#demo").minimalect({ 
theme: "bubble",
});
});

Change log:

2015-02-11

• fix problem with dynamically populated selects not working; 
• refresh items array when MutationObserver fires; 

---

This awesome jQuery plugin is developed by groenroos. For more Advanced Usages, please check the demo page or visit the official website.