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

您可能感兴趣的文章:

select标记美化--JS式插件、后期加载
<select>标签的外观问题很恼人，各个浏览器都不一致，单单就IE，一个版本就一个长相，还不能用CSS修饰。在这将本人对<select>的美化方法共享出来。
2013-04-04
js传值判断
js传值判断...
2006-10-10
用javascript来实现select标签的美化的代码
用javascript来实现select标签的美化的代码...
2007-10-10
对textarea框的代码调试，而且功能上使用非常方便，酷
对textarea框的代码调试，而且功能上使用非常方便，酷...
2006-06-06
js 获取子节点函数 (兼容FF与IE)
兼容FF与IE的获取子节点的js代码，需要的朋友可以参考下，我们刚不发布的dom操作文章。
2010-04-04
仿51JOB的地区选择效果(可选择多个地区)
以下是HTML网页特效代码，点击运行按钮可查看效果
2008-11-11
javascript优先加载笔记代码
这样就可以在指定的dom输出完毕后就执行javascript，而不需要等待页面全部加载完毕。
2008-09-09
javascript 表单规则集合对象
javascript 表单规则集合对象,其实就是三个常用的但比较麻烦的不容易记忆的规则，如果想要更全的，可以到脚本之家查看之前发布的一些文章。
2009-07-07
js动态在form上插入enctype=multipart/form-data的问题
在做文件上传的时候碰到了一个比较奇怪的问题，IE6，7，8上传文件总是失败，服务端接收不到文件的问题
2012-05-05
一直复略了的一个问题，关于表单重复提交
一直复略了的一个问题，关于表单重复提交...
2007-02-02

javascript select控件间内容互相移动

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具