jMover (a jQuery list item mover) v1.2

What is jMover? It is a jQuery plugin to move all or selected options between two select boxes

jquery.jmover-1.2.js

Select 1

Select 2

Init code for the above


(function() {
    $("#example").jmover({
        action: 'init',
        create: 0,
        sourceID: 'not_selected',
        targetID: 'selected'
    });
});

Dynamic List boxes

Init code for the dynamic boxes above


(function() {
    $("#container").jmover({
        action: 'init'
    });
    
    /** 
     * Replace this with an actual method of filling up your list.
     * This is only for demonstration
     */
    for(i = 1; i < 5; i++) {
        $("#container > #from > select").append('<option value="' + i + '">' + i + '</option>');
    }    
});

Also I ran a simple for loop to fill it up. For production use one could fill it up with an AJAX call or another function.

... and that was it. Enjoy!

Download

Get all the information from here

2009 Peter Halasz - Design and development

One
Two
Three