javascript select控件间内容互相移动

更新时间：2009年11月24日 01:32:42 作者：

javascript select中内容互相移动

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Insert title here</title> </head> <body> <script language="javascript"> function add(){ var opt=selectfrom.options; len=opt.length; for(i=len-1;i>-1;i--){ if(opt[i].selected){ select2.appendChild(opt[i]); } } } function addAll(){ var opt=selectfrom.options; len=opt.length; for(i=len-1;i>-1;i--){ select2.appendChild(opt[i]); } } function del(){ var opt=select2.options; len=opt.length; for(i=len-1;i>-1;i--){ if(opt[i].selected){ selectfrom.appendChild(opt[i]); } } } function delAll(){ var opt=select2.options; len=opt.length; for(i=len-1;i>-1;i--){ selectfrom.appendChild(opt[i]); } } </script> <body> <table width="27%" height="194" border="0" cellpadding="1" cellspacing="0"> <tr> <td width="21%"><select id="selectfrom" size="15" multiple="multiple" style="width:100px"> <option>a</option> <option>b</option> <option>c</option> <option>d</option> <option>e</option> <option>f</option> <option>g</option> <option>h</option> <option>i</option> <option>j</option> <option>k</option> <option>j</option> <option>m</option> <option>n</option> </select></td> <td width="57%"><p align="center"> <input name="addAll" type="button" id="addAll" value=" >> " style="width:40px" onclick="addAll()"/> </p> <p align="center"> <input name="add" type="button" id="add" style="width:40px" value=" > " onclick="add()"/> </p> <p align="center"> <input name="del" type="button" id="del" value=" < " style="width:40px" onclick="del()"/> </p> <p align="center"> <input name="delAll" type="button" id="delAll" value=" << " style="width:40px" onclick="delAll()"/> </p></td> <td width="22%"><select id="select2" size="15" multiple="multiple" style="width:100px"> </select></td> </tr> </table> </body> </html>

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

您可能感兴趣的文章:

一个判断email合法性的函数[非正则]
没用到正则，看起来这个函数的准确度还是比较高的。
2008-12-12
File文件控件，选中文件(图片,flash,视频)即立即预览显示
非常不错的File文件控件，图片,flash,视频都可以立即显示，推荐使用。
2009-04-04
checkbox实现全选的多种方法不断更新
checkbox实现全选的多种方法不断更新...
2006-07-07
用JavaScript页面不刷新时全选择，全删除（GridView）
其中的ctl00_MainContent_grvDevelopKit是在后台代码中的<table>中的。
2009-04-04
javascript Zifa FormValid 0.1表单验证代码打包下载
javascript Zifa FormValid 0.1表单验证代码打包下载...
2007-06-06
javascript实现爱你在FF IE下都有效的添加一个项目
javascript实现爱你在FF IE下都有效的添加一个项目...
2007-07-07
IE6下js通过css隐藏select的一个bug
想起ie6下，臭名昭著的select需要用iframe遮罩的bug，估计和上面的bug根由是一样的
2010-08-08
js 表单验证方法(实用)
每次都要用到表单验证的时候，就在到处找东西，而网上的很多都不见的好用。自己终于累计了这些方法，在自己的程序中使用了的一些方法，肯定是好用的，主要使用了简单的正则表达式进行判断。如果有bug，欢迎提出来。
2009-04-04
IE中checkbox在刷新后初始化的问题
在项目中有一个需求，要求页面中的checkbox在页面刷新或后退时都要重新初始化，即处于未选中的状态，不保存之前的状态。
2010-01-01
让input不可点击的另一种方法
一般对于input的不可点击，不可输入，不可修改等都是用disable=true这一属性，下面的方法，是通过js控制的，各有好处。
2009-02-02