Code:
<html>
<head>
<title></title>
<script type="text/javascript">
/*<![CDATA[*/
function Move(from,to){
from=document.getElementById(from);
document.getElementById(to).appendChild(from.options[from.selectedIndex].cloneNode(true));
}
/*]]>*/
</script></head>
<body>
<select id="S1" >
<option >S1 1</option>
<option >S1 2</option>
<option >S1 3</option>
</select>
<select id="S2" >
<option >S2 1</option>
<option >S2 2</option>
<option >S2 3</option>
</select>
<input type="button" name="" value="S1 > S2" onclick="Move('S1','S2');" />
<input type="button" name="" value="S2 > S1" onclick="Move('S2','S1');" />
</body>
</html>
Bookmarks