jQuery Plugin For General Select Element Improvement

File Size: 90.8 KB
Views Total: 1767
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin For General Select Element Improvement

A jQuery plugin for improving & beautifying the default select box that has support including multiple select and hierarchical grouping options.

Basic Usage:

1. Include jQuery library and jQuery select plugin's JavaScript & CSS in your document.

<link rel="stylesheet" href="jquery.select.min.css">

<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="jquery.select.min.js"></script>

2. Create a multiple select as follow.

<select size="3" name="color[]" multiple="multiple" data-placeholder="Choose multiple colors">
  <option value="blue">Blue</option>
  <option value="green">Green</option>
  <option value="red">Red</option>
  <option value="yellow">Yellow</option>
  <option value="beige">Beige</option>
  <option value="cyan">Cyan</option>
  <option value="purple">Purple</option>
</select>

3. Call the plugin on the select element and done.

$('select').select();

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