Featured Products
- Home
- JavaScript Scripts
- jQuery Dual List
jQuery Dual List
By : zahedkamal87 Published on Monday, April 03, 2017,00:39:18 in JavaScript Scripts
Its a drop-in stylish replacement for the standard <select> with multiple attribute activated, which creates an interface of 2 lists side by side.
The zip file contains dualList.css file inside css folder, and dualList.js and dualList.min.js (minified version) inside js folder, which are ready to use.
Installing jQuery Dual List is pretty straight forward. Simply include the both the jQuery, jQuery Dual List and CSS library file e.g. jQuery dualList.js and dualList.css like this:
<link rel="stylesheet" href="dualList.css" type="text/css" media="screen" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript" src="dualList.js"></script>
You can easily apply jQuery Dual List on a standard <select> with multiple attribute activated like this â
$('#dual-list').dualList();