< !-- 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>

<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>