ListItem手动排序

< 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 >

转载于:https://www.cnblogs.com/cookies325/archive/2007/09/25/905376.html