select的增删(二)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<SCRIPT language=javascript>
function moveOption(oFromList, oToList, bAll)
{
  
var nFromLen = oFromList.options.length;
  
var nToLen = oToList.options.length;
  
var i = 0;
  
while (nFromLen > 0)
  
{
    
if (oFromList.options[i].selected || bAll)
    
{
        oToList[nToLen
++= new Option(oFromList.options[i].text, oFromList.options[i].value);
        oFromList.options[i] 
= null;
    }

    
else
        i
++;
    
    nFromLen
--;
  }


  sortOption(oToList);
}


function compare(a,b)
{
  
if (a.text < b.text)
    
return -1;
  
else if (a.text > b.text)
    
return 1;
  
return 0;
}


function sortOption(oList)
{
   
if (oList.options.length > 1)
   
{
        
var optionList  = new Array();

        
for (var i=0; i < oList.options.length; i++)
      optionList.push(oList.options[i]);

    optionList.sort(compare);

        oList.length 
= 0;
        
for (var i=0; i < optionList.length; i++)
      oList.options[i] 
= optionList[i];
   }
   
}

</SCRIPT>

<META content="MSHTML 6.00.2800.1528" name=GENERATOR></HEAD>
<BODY>
<FORM name=form1>
<TABLE align=center>
  
<TBODY>
  
<TR>
    
<TD><SELECT multiple size=4 name=leftlist> <OPTION 
        
value=1>Ameng1</OPTION> <OPTION value=2>Ameng2</OPTION> <OPTION 
        
value=3>Ameng3</OPTION> <OPTION value=4>Ameng4</OPTION></SELECT> </TD>
    
<TD><INPUT onclick="javascript:moveOption(rightlist, leftlist,true)" type=button value=" << "><BR><INPUT onclick="javascript:moveOption(rightlist, leftlist,false)" type=button value=" <  "><BR><INPUT onclick="javascript:moveOption(leftlist, rightlist,false)" type=button value=" >  "><BR><INPUT onclick="javascript:moveOption(leftlist, rightlist,true)" type=button value=" >> "> 
    
</TD>
    
<TD><SELECT multiple size=4 name=rightlist></SELECT> </TD></TR></TBODY></TABLE>
</FORM></BODY></HTML>
posted on 2006-04-05 18:25  Ameng  阅读(183)  评论(0)    收藏  举报