Javascript list movement script moves data from one listbox to another list box.
Features
a) You can move data from one listbox to another list using this list box movement script.
b) Just copy the code and use it for free.
Preview
From Group
To Group
Code
Javascript Code
< !-- Script by hscripts.com -->
<script type="text/javascript">
/* ************************* */
// Copy the code inside head portion of your HTML code
// Created on : Nov 12,2007
// List movement script
// Moves the items between two HTML Select elements
// it looks like a movement between two lists.
//
/* ************************* */
var from_array = new Array('Pink',1,2,'Green',4,'Yellow'); // this array has the values for the source list
var to_array = new Array('Red',3,5); // this array has the values for the destination list(if any)
function moveoutid()
{
var sda = document.getElementById('xxx');;
var len = sda.length;
var sda1 = document.getElementById('yyy');
for(var j=0; j<len; j++)
{
if(sda[j].selected)
{
var tmp = sda.options[j].text;
var tmp1 = sda.options[j].value;
sda.remove(j);
j--;
var y=document.createElement('option');
y.text=tmp;
try
{sda1.add(y,null);
}
catch(ex)
{
sda1.add(y);
}
}
}
}
function moveinid()
{
var sda = document.getElementById('xxx');
var sda1 = document.getElementById('yyy');
var len = sda1.length;
for(var j=0; j<len; j++)
{
if(sda1[j].selected)
{
var tmp = sda1.options[j].text;
var tmp1 = sda1.options[j].value;
sda1.remove(j);
j--;
var y=document.createElement('option');
y.text=tmp;
try
{
sda.add(y,null);}
catch(ex){
sda.add(y);
}
}
}
}
</script>
For customization of this script or any script development, contact us at support@hscripts.com
Usage
a) Copy the above javascript code inside the head portion of your HTML code.
b) Every list value is stored as array values.
c) Change the array values with yours.
d) When the button '>>' is clicked, the function 'moveoutid()' is invoked and when the button '<<' is clicked, the function 'moveinid()' is invoked.
e) Above functions is used to move data from one listbox to another list box.
f) Copy the above code into your page and use it.
License
- The javascript (misspelled as java script) is given under GPL License
- i.e. Free use for those who use the codes as it is.
- Free, if your modification does not remove our copyright information and links.
- Click Here for detailed license information.
- You can purchase the script if your requirements does not meet our GPL License terms.