jQuery Plugin For HTML Select Box Replacement - Heapbox
File Size: | 54.6KB |
---|---|
Views Total: | 3222 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

Heapbox is an easy jQuery plugin that replaces the default html drop down select box to make it support themes, events, callbacks, ajax and much more.
Pre-defined themes included in this pack:
- asbestos
- belize_hole
- dark
- green_sea
- midnight_blue
- nephritis
- orange
- pomegranate
- pumpkin
- wisteria
Basic Usage:
1. Include the latest version of jQuery library and jQuery Heapbox Plugin after jQuery
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> <script src="../src/jquery.heapbox-0.9.0.min.js"></script>
2. Choose and include a theme css on the page
<link rel="stylesheet" href="../themes/pumpkin/css/pumpkin.css" type="text/css" media="screen" />
3. Create a standard html select box
<select class="demo"> <option value="value1">Value 1</option> <option value="value2">Value 2</option> <option value="value3">Value 3</option> </select>
4. Call the plugin with options
<script type="text/javascript"> $(document).ready(function() { $(".demo").heapbox(); }); </script>
Change log:
v0.9.3 (2013-09-30)
- updated examples
- improved themes
This awesome jQuery plugin is developed by FilipBartos. For more Advanced Usages, please check the demo page or visit the official website.