Помогите плз с динамически изменяющимся select 'ом

[ATr]

есть два селекта и две кнопки:

<select size="5" id="select">
 <option value="1">параметр 1</option>
 <option value="2">параметр 2</option>
 <option value="3">параметр 3</option>
</select>
<select size="1" id="add_select">
 <option value="4">параметр 4</option>
 <option value="5">параметр 5</option>
</select>
<input type="button" value="add">
<input type="button" value="del" onclick="delete_item()">

Задача такая: по нажатию на del элемент из первого select должен переместиться во второй, а по add - наоборот - элемент из второго должен появиться в первом.

попробовал сделать так (), но не фурычит:

<script>
 function delete_item()
 {
 sel = document.getElementById("select");
 fchild = sel.firstChild;
 new_child = fchild.cloneNode(true);
 sel.removeChild(fchild);
 add_sel = document.getElementById("add_select");
 add_sel = appendChild(new_child);
 }
</script>

подскажите где ошибка плз

[ATr]

ошибку нашел=)

add_sel = appendChild(new_child);

должно выглядеть вот так:

add_sel.appendChild(new_child);

только вот теперь трабла: срабатывает это только при двойном нажатии на кнопку.... как сделать так, чтобы срабатывало при первом нажатии?

[AKS]

<input type="button" value="add" onclick="addOption('select', 'add_select')">
<input type="button" value="del" onclick="addOption('add_select', 'select')">

<script type='text/javascript'>
function addOption(aID1, aID2) {
 var child = document.getElementById(aID1).options[0];
 if (child) {
 document.getElementById(aID2).appendChild(child);
 }
}
</script>

[WingedFox]

Посмотрите http://debugger.ru/projects/browserextensions/dom/selectbox

[ATr]

Благодарю за помощь!!!

сделал, как подсказал AKS