项目添加

更新时间：2007年02月13日 00:00:00 作者：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <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> </head> <body> <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> </tr> </table> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

项目添加

解放web程序员的输入验证
[红色]解放web程序员的输入验证...
2006-10-10
javascript multibox 全选
multibox 全选实现代码。跟checkbox等原理是一样的
2009-03-03
[IE&FireFox兼容]JS对select操作
[IE&FireFox兼容]JS对select操作...
2007-01-01
改变文本框字体颜色的js脚本
好的朋友喜欢美化文本框，下面这个代码也是一种美化，字体的颜色
2008-09-09
将text的中的值，增加到textarea的js代码
将text的值，传到textarea里面，因为手工收入容易错误。这个功能一般用作下载服务器地址的批量添加，dedecms也是用的这个方法。
2010-05-05
javascript 表单中浏览文件的“浏览”按钮修改
在表单中实现浏览文件的功能，比较简短的代码。
2009-10-10
JavaScript检查表单是否为空的函数
JavaScript检查表单是否为空的函数...
2007-11-11
js实时计算字数提醒的文本框
那天在一个论坛上看到一个相当有意思的功能，就是在文本框中输入字符的时候，旁边会提示还可以输入多少个字。
2010-07-07
限制文本字节数js代码
限制文本字节数js代码...
2007-03-03
鼠标移动到某个单元格上后，整个列都变色的实现方法
鼠标移动到某个单元格上后，整个列都变色的实现方法...
2007-01-01

项目添加

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具