Echanger les valeurs entre deux select

Bonjour je voudrais que lorsque je clique sur un boutton, l'élément selectionné dans la première Select doit apparaitre dans une deuxieme select : comme le montre cette image
Pièce jointe 172424
La fonction Javascript:

Code:

1
2
3
4
function deplacer(){
    var a= trn.listTournoi.value;
    trn.listTournoi2.option.value=a;
}

formulaire :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<form name="trn">
    <select name="listTournoi" size="10">
        <% statement st3='c.createStatement();' resultset rs3='st3.executeQuery("select' notournoi from tournoi"); rs3.next(); while(rs3.next()){ %>
        <option>
        <%='rs3.getObject(1)%'>
        </option>
        <%}%>
    </select>
    <input type="button" value=">" onclick="deplacer()"> <input type="button" value="<">
    <input type="button" value=">>"> <input type="button" value="<<">
    <select name="listTournoi2" size="10">
        <option>
        </option>
    </select>
</form>

Merci ...