<select multiple="multiple" id="selA" size=10 >
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
</select><select multiple="multiple" id="selB" size=10 >
</select>
<br/>
<input type="button" value="->" id="Button1" onclick="moveIn($('selA'),$('selB'),1)"/><br/>
<input type="button" value="<-"id="Button2" onclick="moveIn($('selA'),$('selB'),0)" /><script>
function $(id){return document.getElementById(id);}
function moveIn(objfrm,objto,flag)
{
var bflg;
if(flag>0)
{
outer:for(var i=0;i<objfrm.options.length;i++)
{
bflg = false;
if(objfrm.options[i].selected)
{
for(var j=0;j<objto.length;j++)
{
if(objto.options[j].value==objfrm.options[i].value)
bflg = true;;
}
if(!bflg)
{
objto.add(new Option(objfrm.options[i].text,objfrm.options[i].value));
}
objfrm.options[i].selected = false;
}
}
}else
{
var len = objto.options.length;
for(var i=0;i<objto.options.length;i++)
{
if(objto.options[i].selected)
{
objto.remove(i);
--len;
--i;
}
}
}
}</script>
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
</select><select multiple="multiple" id="selB" size=10 >
</select>
<br/>
<input type="button" value="->" id="Button1" onclick="moveIn($('selA'),$('selB'),1)"/><br/>
<input type="button" value="<-"id="Button2" onclick="moveIn($('selA'),$('selB'),0)" /><script>
function $(id){return document.getElementById(id);}
function moveIn(objfrm,objto,flag)
{
var bflg;
if(flag>0)
{
outer:for(var i=0;i<objfrm.options.length;i++)
{
bflg = false;
if(objfrm.options[i].selected)
{
for(var j=0;j<objto.length;j++)
{
if(objto.options[j].value==objfrm.options[i].value)
bflg = true;;
}
if(!bflg)
{
objto.add(new Option(objfrm.options[i].text,objfrm.options[i].value));
}
objfrm.options[i].selected = false;
}
}
}else
{
var len = objto.options.length;
for(var i=0;i<objto.options.length;i++)
{
if(objto.options[i].selected)
{
objto.remove(i);
--len;
--i;
}
}
}
}</script>
<option value=1>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
</select><select multiple="multiple" id="selB" size=10 >
</select>
<br/>
<input type="button" value="->" id="Button1" onclick="moveIn($('selA'),$('selB'),1)"/><br/>
<input type="button" value="<-"id="Button2" onclick="moveIn($('selA'),$('selB'),0)" /><script>
function $(id){return document.getElementById(id);}
function moveIn(objfrm,objto,flag)
{
var bflg;
if(flag>0)
{
outer:for(var i=0;i<objfrm.options.length;i++)
{
bflg = false;
if(objfrm.options[i].selected)
{
for(var j=0;j<objto.length;j++)
{
if(objto.options[j].value==objfrm.options[i].value)
bflg = true;;
}
if(!bflg)
{
objto.add(new Option(objfrm.options[i].text,objfrm.options[i].value));
}
objfrm.options[i].selected = false;
}
}
}else
{
var len = objto.options.length;
for(var i=0;i<objto.options.length;i++)
{
if(objto.options[i].selected)
{
objto.remove(i);
--len;
--i;
}
}
}
}</script>