项目添加_表单特效

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Untitled Document</title> <script language="javascript"> function addItem(objForm) { var valueAry=new Array(); var textAry=new Array(); var leftElement=objForm.elements["left"]; var rightElement=objForm.elements["right"]; var count=0; var i,j,k,flag; for(i=0;i<leftElement.options.length;i++) { if(leftElement.options[i].selected) {valueAry[count]=leftElement.options[i].value; textAry[count]=leftElement.options[i].text; count++; } } var count1=rightElement.options.length; count1=count1>0?count1:0; for(j=0;j<count;j++) { flag=false; for(k=0;k<count1;k++) { if(rightElement.options[k].text==textAry[j]) flag=true; } if(!flag) { rightElement.options[count1]=new Option(textAry[j],valueAry[j]); count1++; } } } function subItem(objForm) { var i; var objElement=objForm.elements["right"]; for(i=objElement.options.length-1;i>=0;i--) { if(objElement.options[i].selected) objElement.options[i]=null; } } function addAllItem(objForm) { var i; var leftElement=objForm.elements["left"]; for(i=0;i<leftElement.options.length;i++) { leftElement.options[i].selected=true; } addItem(objForm); } function subAllItem(objForm) { var i; var rightElement=objForm.elements["right"]; for(i=0;i<rightElement.options.length;i++) rightElement.options[i].selected=true; subItem(objForm); } </script> <table width="200" cellpadding="0" cellspacing="0" border="0"> <form> <tr> <td width="80" rowspan="4"><select name="left" style="width:80px;height:100px;" multiple> <option>ITEM1</option> <option>ITEM2</option> <option>ITEM3</option> <option>ITEM4</option> <option>ITEM5</option> <option>ITEM6</option> </select></td> <td width="40" height="20" align="center"><input type="button" value=" >> " onclick="addItem(this.form);"></td> <td width="80" rowspan="4" align="right"> <select name="right" style="width:80px;height:100px;" multiple> </select> </td> </tr> <tr> <td width="40" align="center"><input type="button" value=" << " onclick="subItem(this.form)"></td> </tr> <tr> <td width="40" align="center"><input type="button" value="ALL>>" onclick="addAllItem(this.form)"></td> </tr> <tr> <td width="40" align="center"><input type="button" value="<<ALL" onclick="subAllItem(this.form)"></td> </tr> </form> </table>