The "multiselect-sortable" jQuery plugin enhances the functionality of multiple select elements by allowing you to easily sort and manage selected options in a dual list box. This revised version of the plugin now includes a "rid" (Resource Identifier) parameter, which helps in distinguishing between different instances of the script when used on the same webpage. Failure to provide a unique "rid" value for each instance can result in errors or unexpected behavior.
Load the necessary jQuery libraries:
<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/cdn/jquery-ui.min.js"></script>
Load the multiselect-sortable plugin's JavaScript and CSS files:
<script src="assets/js/jquery.multiselect.sortable.js"></script>
<link rel="stylesheet" href="assets/css/jquery.multiselect.sortable.js.css" />
Add the "multiselectsortable" class to your multiple select element and define pre-selected options using the "selected" attribute. Ensure you provide a unique "rid" value for each instance:
<select name="multiselectsortable" class="multiselectsortable demo multiselectsortable-1" multiple data-rid="instance-1">
</select>
<select name="multiselectsortable" class="multiselectsortable demo multiselectsortable-2" multiple data-rid="instance-2">
</select>
<select name="multiselectsortable" class="multiselectsortable demo multiselectsortable-3" multiple data-rid="instance-3">
</select>
Call the function on the select element to activate the plugin, ensuring you pass the "rid" parameter for each instance:
jQuery(function($){
// Example 1
$('.multiselectsortable-1').bugfish_sortselect({
rid: 'instance-1'
});
});
jQuery(function($){
// Example 2
$('.multiselectsortable-2').bugfish_sortselect({
rid: 'instance-2'
});
});
jQuery(function($){
// Example 3
$('.multiselectsortable-3').bugfish_sortselect({
rid: 'instance-3'
});
});
| Folder | Description |
|---|---|
| _release | Release Packages |
| _source | The plugins source code + example file! |
| docs | Files for the Github Repositories Pages and Documentations, view the Documentation by viewing the index.html file in your browser! |
In this repository, both jQuery and jQuery-UI are included to showcase the functionality of the repository's related jQuery plugin. We have included these libraries to make it easier for developers who use this product to implement it quickly. By providing jQuery and jQuery-UI JavaScript files, we aim to streamline the development process and ensure that developers have the necessary resources readily available to harness the full potential of this repository's features. This convenience is intended to simplify integration and help developers get up and running with the provided plugin more efficiently.
If you encounter any issues or require assistance, please visit www.bugfish.eu/forum for additional resources. You can also contact us at request@bugfish.eu, and we will do our best to assist you.
The license details for this Bugfish-jQuery-Sortselect project can be found in the "license.md" file within the project repository. Please review this file to understand the terms and conditions of use and distribution. It is essential to comply with the project's license to ensure legal and ethical usage of the provided resources. This project is a fork of "sortable-multi-select" released with MIT License with Name "Sortable Dual List Box In jQuery". No additional License Informations included in Root Repository. This project has been further enhanced and the license transformed into GPLv3.
🐟 Bugfish <3
