Conserver l'ordre des éléments en javascript

<SCRIPT LANGUAGE="JavaScript">

 
function tjs_haut(l) {

var indice=l.selectedIndex

if (indice<0) {

alert("Aucune ligne n'est sélectionnée");

}

if (indice>0) { // Il reste une ligne au-dessus

tjs_swap(l,indice,indice-1);

}

}

 
function tjs_bas(l) {

var indice=l.selectedIndex

if (indice<0) {

alert("Aucune ligne n'est sélectionnée");

}

if (indice<l.options.length-1) { // Il reste une ligne en-dessous

tjs_swap(l,indice,indice+1);

}

}

 
function tjs_swap(l,i,j) {

var valeur=l.options.value;

var texte=l.options.text;

l.options.value=l.options[j].value;

l.options.text=l.options[j].text;

l.options[j].value=valeur;

l.options[j].text =texte;

l.selectedIndex=j

tjs_ordre(l.form);

}

 
function tjs_ordre(f) {

var l=f.liste;

var ordre="";

for(var i=0;i<l.options.length;i++) {

if (i>0) {ordre+="-";}

ordre+=l.options.value;

}

f.ordre.value=ordre;

}

 
</SCRIPT>

 
<br><br><br>

<div align="center">

<FORM name="tjsform">

<TABLE border="0">

<TR>

<TD valign="top">

<SELECT name='liste' size='10' style='width:300px'>

<?

$res=mysql_query("SELECT .... FROM ....");

while ($row=mysql_fetch_array($res)){

echo "<option value=\"".$row['champ']."\">".$row['champ']."</option>";

}

?>

</SELECT>

</TD>

<TD valign="top">

<INPUT type="button" value='Monter' style='width:100px' onClick='tjs_haut(this.form.liste)'>

 
 
<INPUT type="button" value='Descendre' style='width:100px' onClick='tjs_bas(this.form.liste)'>

</TD>

</TR>

</TABLE>

 
</SELECT>

 
<input type="submit" name="neworder" value="Conserver cet ordre">

</FORM>

</div>