how to move items in between two select lists using javascript ???

[Waez Ali]

Hi,
I have one select list "LIST1" & two button with label "Right" "Left" now what i want to do is when i click on any item from first list and then click on "Right" button,then that item should be moved to the second Select List "LIST2" which was empty.

<script>
function Move(){

var val = document.frm.LIST1.value;

var element = document.createElement('option');
element.setAttribute('value',val);
document.getElementById('l2').appendChild(element);
alert(document.frm.LIST2.value);
}
</script>

<SELECT name="LIST1" size="4" multiple>
<OPTION value="A1">A</OPTION>
<OPTION value="B2">B</OPTION>
<OPTION value="C3">C</OPTION>
<OPTION value="D4">D</OPTION>
</SELECT>
--- buttons onclick call move()-----


<select id="l2" name="LIST2" size="4" multiple>
</select>



I tried it using javascript but

Somebody please make this code correct
I hope u understand my problem.

Thanks in advance
[ May 02, 2005: Message edited by: Waez Ali ]

[Venkatraman Kandaswamy]

Here is an example you can use.

[Eric Pascarello]

http://www.mattkruse.com/javascript/selectbox/

Eric

[Waez Ali]

Thanks venkatraman & eric for such a good response.

Waez Ali