jQuery Multiple Select Element Replacement Plugin - selectlist

jQuery Multiple Select Element Replacement Plugin - selectlist
File Size: 194KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

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:

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.