项目添加

更新时间：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需再刷新一下页面才能执行]

项目添加

一个很简单的办法实现TD的加亮效果.
一个很简单的办法实现TD的加亮效果....
2006-09-09
鼠标移动到某个单元格上后，整个列都变色的实现方法
鼠标移动到某个单元格上后，整个列都变色的实现方法...
2007-01-01
实现一个年、月、季度联动SELECT的javascript代码
实现一个年、月、季度联动SELECT的javascript代码...
2007-07-07
javascript 获取select下拉列表值的代码
大家在javascript表单制作中，有时候会需要获取select的选定的值，然后再进行一些编写控制操作。
2009-09-09
用javascript实现改变TEXTAREA滚动条和按钮的颜色，以及怎样让滚动条变得扁平
用javascript实现改变TEXTAREA滚动条和按钮的颜色，以及怎样让滚动条变得扁平...
2007-04-04
很有趣的一段textarea
很有趣的一段textarea...
2006-12-12
js模拟权限选择实现代码(select操作)
权限选择页面，选择、撤回、全部选择、全部撤回
2012-02-02
简单的js表单验证函数
这个js表单验证函数是自己写的，中间用到了JS 正则表达式，同是也可以学习一下正则表达式的应用。
2013-10-10
CSS3实现动态背景登录框的代码
本文介绍了一款基于jQuery+CSS3实现的带有动画效果的动态背景登陆框特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2015-07-07
通用JS事件写法实现代码
对于js事件的通用调用写法
2009-01-01

项目添加

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具