jQuery Plugin For HTML Select Box Replacement - Heapbox

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.