MOVE LIST Script

 Javascript list movement script moves data from one listbox to another list box.

Features

  • You can move data from one listbox to another list using this list box movement script.
  • Just copy the code and use it for free.

Preview

From GroupTo Group

Downloads

Javascript Code

< !-- Script by hscripts.com -->
<script type="text/javascript">
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>

HTML Code


<table border=1 align=center valign=center>
<tr><td>From Group</td><td></td><td>To Group</td></tr>
<tr><td>
<select id=xxx multiple size=7 style="width:100;">
<script type="text/javascript">
for(var i=0;i<from_array.length;i++)
{
document.write('<option>'+from_array[i]+'</option>');
}
</script>
</select>
</td>
<td>
<input type=button value=">>" onclick=moveoutid()>
<input type=button value="<<" onclick=moveinid()>
</td>
<td>
<select id=yyy multiple size=7 style="width:100;">
<script type="text/javascript">
for(var j=0;j<to_array.length;j++)
{
document.write('<option>'+to_array[j]+'</option>');
}
</script>
</select>
</td></tr>
</table>

  • Release Date - 07-01-2008
  • Get free version without ©copyright link for just $10/-
  • For customization of this script or any script development, mail to support@hscripts.com

Usage

  • Copy the above javascript code inside the head portion of your HTML code.
  • Every list value is stored as array values.
  • Change the array values with yours.
  • When the button '>>' is clicked, the function 'moveoutid()' is invoked and when the button '<<' is clicked, the function 'moveinid()' is invoked.
  • Above functions is used to move data from one listbox to another list box.
  • Copy the above code into your page and use it.

License

Related Scripts

Free Javascript Scripts


Ask Questions

Ask Question