<HTML>
<BODY>
<table border=0 cellpadding=0 cellspacing=0><form name=meizz>
  <tr><td>
    <select id=list1 size=8>
      <option value=A>aaaaaaaaaa
      <option value=B>bbbbbbbbbb
      <option value=C>cccccccccc
      <option value=D>dddddddddd
      <option value=E>eeeeeeeeee
      <option value=F>ffffffffff
      <option value=G>gggggggggg
      <option value=H>hhhhhhhhhh
    </select></td>
  <td width=40 align=center>
    <input name=add type=button value="上" onclick="Taxis('Up');"><br><br>
    <input name=sub type=button value="下" onclick="Taxis('Down');">
  </td></tr></form>
</table>

<script language="JavaScript"><!--
var e=document.getElementById("list1");
var ta;
initArr();

function Taxis(sort){
var i=e.selectedIndex;
i = sort=="Up"?i-1:i;
if(i>-1 && i<e.options.length-1){
clear();
for(var j=0;j<ta.length;j++){
if(i!=j)
e.options[e.length] = new Option(ta[j][0], ta[j][1]);
else{
e.options[e.length] = new Option(ta[j+1][0], ta[j+1][1]);
e.options[e.length] = new Option(ta[j][0], ta[j][1]);
ta.splice(j,1);}}
initArr();
e.selectedIndex=sort=="Up"?i:i+1;}
}

function initArr()
{
ta=new Array();
var ol=e.options.length;
for(var i=0;i<ol;i++){
ta[i]=new Array(e.options[i].text,e.options[i].value);}
}

function clear()
{
e.options.length = 0;
}
//-->
</script>
</BODY>
</HTML>