Manage and Sort options between 2 select boxes
JavaScript
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
Source
demo
README.md
license.txt
package.yml

README.md

selectManager

Manage and Sort items between 2 select boxes

How to use

The js code :

    #js
    var sm = new selectManager({
        src: $('All'),
        dst: $('Featured'),
        max: 4,
        
        addBtn: $('add'),
        removeBtn: $('remove'),
        upBtn: $('up'),
        downBtn: $('down')
	    });

The html code :

    #html
	<div style="float: left; clear: none;">
		All<br>
		<select name="All" id="All" size="8" multiple="multiple">
			<option value="1">Option 1</option>
			<option value="2">Option 2</option>
			<option value="3">Option 3</option>
			<option value="4">Option 4</option>
		</select>
	</div>

	<div style="float: left; clear: none; margin-top: 21px;">
        <input type="button" id="add" value="Add" />
		<br>
		<input type="button" id="remove" value="Remove" />
	</div>
			
	<div style="float: left; clear: none;">
		Selected<br>
		<select name="Featured" id="Featured" size="8" multiple="multiple">
			<option value="5">Option 5</option>
			<option value="6">Option 6</option>
		</select>
	</div>

	<div style="float: left; clear: none; margin-top: 21px;">
        <input type="button" id="up" value="Move Up" />
		<br>
        <input type="button" id="down" value="Move Down" />
	</div>