[CODE]<select id=left size=5 style="width:50;float:left">
<option value=1 selected>1</option>
<option value=2>2</option>
<option value=3>3</option>
<option value=4>4</option>
<option value=5>5</option>
</select>

<div style="position:static;float:left;line-height:15px">
<button onclick="allMoveRight()">&gt;&gt;</button><br>
<button onclick="allMoveLeft()">&lt;&lt;</button><br>
<button onclick="moveRight()">&gt;|</button><br>
<button onclick="moveLeft()">&lt;|</button>
</div>

<select id=right size=5 style="width:50;float:left">
</select>

<script>
function allMoveRight() {
right.length=left.length;
for (var i=0;i<left.length;i++) {
var txt=left.options[i].text;
var val=left.options[i].value;
var menu=new Option(txt,val);
right.options[i]=menu;
}
return
}

function moveRight() {
right.length+=1;
var txt=left.options[left.selectedIndex].text;
var val=left.options[left.selectedIndex].value;
var menu=new Option(txt,val);
right.options[right.length-1]=menu;
return
}

function moveLeft() {
right.options.remove(right.selectedIndex);
}

function allMoveLeft() {
right.length=0;
}
</script>[/CODE]