jQuery Plugin For Styled Select Box

File Size: 6.31 KB
Views Total: 654
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
jQuery Plugin For Styled Select Box

This is a lightweight, CSS-less jQuery plugin used to beautify the native select dropdown list with custom CSS styles.

How to use it:

1. Import jQuery library and the jquery.styled-select-box.js script into your html file.

<script src="https://code.jquery.com/jquery-1.12.4.min.js" 
<script src="jquery.styled-select-box.js"></script>

2. Call the function styledSelect() on the existing select element and done.

  <option value="AF">Afghanistan</option>
  <option value="AX">Åland Islands</option>
  <option value="AL">Albania</option>
  <option value="DZ">Algeria</option>
  <option value="AS">American Samoa</option>
  <option value="AD">Andorra</option>
  <option value="AO">Angola</option>
  <option value="AI">Anguilla</option>
  <option value="AQ">Antarctica</option>
  <option value="AG">Antigua and Barbuda</option>
  <option value="AR">Argentina</option>
  <option value="AM">Armenia</option>
  <option value="AW">Aruba</option>
  <option value="AU">Australia</option>
  <option value="AT">Austria</option>
  <option value="AZ">Azerbaijan</option>
  <option value="BS">Bahamas</option>
  <option value="BH">Bahrain</option>
  <option value="BD">Bangladesh</option>
  <option value="BB">Barbados</option>
  <option value="BY">Belarus</option>
  <option value="BE">Belgium</option>

Change log:


  • Refresh Event & Class name change


  • Version 1.0.1

This awesome jQuery plugin is developed by kaddyadriano. For more Advanced Usages, please check the demo page or visit the official website.