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 addSrcToDestList() {
destList 
= window.document.forms[0].destList;
srcList 
= window.document.forms[0].srcList;
var len = destList.length;
for(var i = 0; i < srcList.length; i++{
if ((srcList.options[i] != null&& (srcList.options[i].selected)) {

var found = false;
for(var count = 0; count < len; count++{
if (destList.options[count] != null{
if (srcList.options[i].text == destList.options[count].text) {
found 
= true;
break;
      }

   }

}

if (found != true{
destList.options[len] 
= new Option(srcList.options[i].text);
len
++;
         }

      }

   }

}


function deleteFromDestList() {
var destList  = window.document.forms[0].destList;
var len = destList.options.length;
for(var i = (len-1); i >= 0; i--{
if ((destList.options[i] != null&& (destList.options[i].selected == true)) {
destList.options[i] 
= null;
      }

   }

}

// -->
</SCRIPT>

<META content="MSHTML 6.00.2800.1528" name=GENERATOR></HEAD>
<BODY>
<CENTER>
<FORM>
<TABLE bgColor=#6699cc>
  
<TBODY>
  
<TR>
    
<TD width=85 bgColor=#6699cc><SELECT multiple size=6 name=srcList> 
        
<OPTION value=1>Ameng 1<OPTION value=2>Ameng 2<OPTION value=3>Ameng 
        3
<OPTION value=4>Ameng 4<OPTION value=5>Ameng 5<OPTION value=6>Ameng 
        6
</OPTION></SELECT> </TD>
    
<TD align=middle width=74 bgColor=#6699cc><INPUT onclick=javascript:addSrcToDestList() type=button value=" ====>> "> 
      
<BR><BR><INPUT onclick=javascript:deleteFromDestList(); type=button value=从右边删除> 
    
</TD>
    
<TD width=69 bgColor=#6699cc><SELECT multiple size=6 
      
name=destList></SELECT> </TD></TR></TBODY></TABLE></FORM>
</CENTER></BODY></HTML>
posted on 2006-04-05 18:22  Ameng  阅读(142)  评论(0)    收藏  举报