select列表内容交换的js实现代码

更新时间：2009年12月06日 00:35:20 作者：

js实现左右select列表内容交换传递，原来就是先获取当期选中select的值，然后添加到对面的select中，然后删除选中内容。

<script language="javascript" type="text/javascript"> function move(formObj,toObj){ if(formObj.selectedIndex != -1){ toObj.add(new Option(formObj.options[formObj.selectedIndex].text,formObj.options[formObj.selectedIndex].value)); formObj.remove(formObj.selectedIndex); //var index = formObj.selectedIndex; } } </script> <form name="form1"> <table> <tr> <td> <select multiple name="left" size=7 ondblclick="move(this,this.form.right)"> <option value="0" selected>item1</option> <option value="1">item2</option> <option value="2">item3</option> <option value="3">item4</option> <option value="4">item5</option> </select> </td> <td > <input type="button" name="moveRigth" value=">>" onclick="move(this.form.left,this.form.right)"/> <input type="button" name="moveLeft" value="<<" onclick="move(this.form.right,this.form.left)"/> </td> <td> <select multiple name="right" size=7 ondblclick="move(this,this.form.left)"> <option value="0" selected>test1</option> <option value="1">test2</option> <option value="2">test3</option> <option value="3">test4</option> <option value="4">test5</option> </select> </td> </tr> </table> </form>

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

您可能感兴趣的文章:

相关文章

select 控制网页内容隐藏于显示的实现代码
js下通过select的控制实现内容的隐藏于显示，需要的朋友可以参考下。
2010-05-05
用javascript将数据库中的TEXT类型数据动态赋值到TEXTAREA中
用javascript将数据库中的TEXT类型数据动态赋值到TEXTAREA中...
2007-04-04
DynamicOptionList连动菜单代码
DynamicOptionList连动菜单代码...
2007-09-09
javascript select控件间内容互相移动
javascript select中内容互相移动
2009-11-11
CSS3实现动态背景登录框的代码
本文介绍了一款基于jQuery+CSS3实现的带有动画效果的动态背景登陆框特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2015-07-07
定义select的边框颜色
如何定义select的边框颜色解决思路：学习了clip和margin属性的用法，利用它们的特点，很容易就得出答案。
2008-04-04
js番茄的表单验证类
这个验证类的完成有很长时间了，一直没有分享给大家使用了这么长时间之后感觉挺顺手，用于一些不需要特殊效果的表单验证个人认为已经足够了，还是挺好用的
2008-07-07
js禁用和激活input表单的方法
这个功能方便控制input表达的禁用和激活
2008-06-06
javascript 模拟select下拉列表特效
模拟select下拉列表特效，因为html的下拉列表的样式修改美化等有些复杂，不容易控制。注意用于对页面的颜色搭配过于讲究的。
2009-02-02
使用button标签，实现三态图片按钮
使用button标签，实现三态图片按钮...
2007-01-01

最新评论