dropdown-filters

Convert <select> boxes to Bootstrap's dropdown buttons

Based on John Rocela's select experiment and Colin Faulkingham's fixed issue.

Current Version: 0.21

Dependencies

Bootstrap by Twitter

Bootstraps's Dropdown plugin

Usage

HTML code:

<label for="selectA">Genre:</label>

<select id="selectA">
  <option value="1">Action</option>
	<option value="2">Comedy</option>
	<option value="3">Family</option>
</select>

jQuery initialization:

$(function() {
	$('select').dropdownFilters();
});

CSS

.filter-title {
	font-weight: bold;
	font-size: 11px;
	color: gray;
	text-align: left;
}

.filter-value {
}

Screenshot