gem indhold af selectbox

Jeg har følgende hvor man kan flytte værdier mellem to selectboxe.

<table border=0>
<tr>
    <td>
    <select name="list1" multiple size=10 ondblclick="moveselectedoptions(this.form['list1'],this.form['list2'],true)">
        <option value="matt">matt</option>
        <option value="bill">bill</option>
    </select>
    </td>
    <td valign=middle align=center>
        <input type="button" name="right" value="&gt;&gt;" onclick="moveselectedoptions(this.form['list1'],this.form['list2'],true)"><br><br>
        <input type="button" name="right" value="all &gt;&gt;" onclick="movealloptions(this.form['list1'],this.form['list2'],true)"><br><br>
        <input type="button" name="left" value="&lt;&lt;" onclick="moveselectedoptions(this.form['list2'],this.form['list1'],true)"><br><br>
        <input type="button" name="left" value="all &lt;&lt;" onclick="movealloptions(this.form['list2'],this.form['list1'],true)">
    </td>
    <td>
    <select name="list2" multiple size=10 ondblclick="moveselectedoptions(this.form['list2'],this.form['list1'])">
        <option value="george">george</option>
        <option value="fred">fred</option>
    </select>
    </td>
</tr>
</table>


Problemer er bare at når jeg laver et request på formen, så får jeg jo kun værdierne af de elementer der er selected.

Er der en smart løsning, eller skal jeg lave et javascript der sikre at alle elementer er selected når jeg submitter formen?

og i så fald hvordan ser javascriptet ud?