jQuery bvselect – Custom Drop downs for Native Select Box

Description:

This great plugin replaces native select box elements with fully customizable dropdowns. It’s just not reshape the select box, but it equipped with the form Submit, Onchange Events and Attributes as you would with normal usage.

Installation:

Include jQuery Plugin.

<script src="path/to/jquery.js"></script> 
<script src="path/to/bvselect.js"></script>

Include CSS Styles.

<link rel="stylesheet" href="path/to/bvselect.css">

HTML

<select id="select">
  <option data-separator="true"> Select Option </option>
  <option value="1"> Option 1 </option>
  <option value="2"> Option 2 </option>
  <option value="3" disabled> Option 3 </option>
  <option value="4"> Option 4 </option>
</select>

Initialize Plugin.

$(document).ready(function() {
  $('#select').BVSelect({
      width: "200px",
      searchbox: false
  });
});

Demo   Download