Try this code
<HTML>
<BODY>
<SELECT size=6 id="list1" name="list1" multiple>
<OPTION value="1">1
<OPTION value="2">2
<OPTION value="3">3
<OPTION value="4">4
<OPTION value="5">5</OPTION>
</SELECT>
<br>
<input type="button" value="Add" onclick="doAdd()">
<br>
<SELECT size=6 id="list2" name="list2">
</SELECT>
<br>
<input type="button" value="Show Value" onclick="doShow()" id=button1 name=button1>
<div name=div1 id=div1></div>
</BODY>
<script language="javascript">
function doAdd()
{
for(i=0;i<list1.length;i++)
{
if(list1.options(i).selected)//see what element is selected
{
var list1value=list1.options(i).value;
list1.remove(i);
var listelem=document.createElement("OPTION"
;
listelem.text=list1value;
listelem.value=list1value;
list2.add(listelem);
i=-1;//try again from begining of list to see if selected
};
};
};
function doShow()
{
var values="";
for(i=0;i<list1.length;i++)
{
alert(values+=list1.options(i).value+"\n"
;
};
document.all.div1.innerText=values;
}
</script>
</HTML>
________
George
