Clean Select Box Replacement Plugin For jQuery - Select-M
| File Size: | 26.5 KB |
|---|---|
| Views Total: | 497 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
Just another jQuery plugin used to enhance and beautify the default select boxes with support for option groups and multiple select.
How to use it:
1. Load the core stylesheet and a theme CSS in the head section of your html page.
<link rel="stylesheet" href="select-m.css"> <link rel="stylesheet" href="select-m.default.css">
2. Load jQuery library and the jQuery Select-M plugin's script at the bottom of the html page.
<script src="//code.jquery.com/jquery.min.js"></script> <script src="js/select-m.js"></script>
3. Wrap the normal select element into a DIV container with the data-slm attribute as follow:
<div data-slm>
<label for="categories">Categories:</label>
<select id="categories">
<option value="">All</option>
<option value="1">Category 1</option>
<option value="2">Category 2</option>
<option value="3" disabled>Category 3</option>
<option value="4">Category 4</option>
<option value="5">Category 5</option>
<option value="6">Category 6</option>
<option value="7">Category 7</option>
<option value="8">Category 8</option>
<option value="9">Category 9</option>
</select>
</div>
This awesome jQuery plugin is developed by egorlkn. For more Advanced Usages, please check the demo page or visit the official website.











