jQuery Multiple Select Element Replacement Plugin - selectlist

jQuery selectlist plugin is a alternative to the standard form multiple select element that displays the customizable selected items below the drop down select list. It offers an easy way for your users to quickly add or remove items from the select list to improve the user experience.

You might also like:

• Form Select Element Replacement Plugin  - Mighty Form Styler
• Default Checkbox Replacement Plugin - jQuery prettyCheckable
• Standard Select Form Replacement Plugin - Selectik
• Select Boxes Replacement Plugin - Select2
• jQuery Plugin For Custom Select Menus

Basic Usage:

1. Include jQuery library and selectlist.js in the head section

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="jquery.selectlist.min.js"></script>

2. Include jQuery selectlist theme CSS

<link href="css/selectlist.css" rel="stylesheet" type="text/css">

3. Basic HTML structure

<select multiple="multiple" title="jQueryscript.net Demo">
<option value="jQueryscript.net DEMO 1">jQueryscript.net DEMO 1</option>
<option value="jQueryscript.net DEMO 2">jQueryscript.net DEMO 2</option>
...
</select>

4. Call the plugin with options

<script type="text/javascript">
  $(document).ready(function () {
    $('select').selectList();   
  });
</script>

---

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