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

您可能感兴趣的文章:

相关文章

通过下拉框的值来确定输入框是否可以为空的代码
本节只是为了做一个记载，实现一个简单的验证是否需要预占下来框有是和否两个值，当选择“是”时，资源预占原因输入框必须输入值，否则不能跳转，当选“否”时，不需要验证资源预占原因输入框
2011-10-10
表单项的name命名为submit、reset引起的问题
最近朋友使用了form的一个表单命名为关键词引起了无法reset和提交.原来是这个问题
2007-12-12
3种不同方式的焦点图轮播特效分享
焦点图轮播的效果我们总会看见过，本文整理了3中看似还不错的焦点图轮播效果，有需要的朋友可以参考下
2013-10-10
限制复选框的最大可选数的js代码
不错的一个限制同时选择的复选框的最多个数
2008-10-10
关于文本限制字数的js代码
关于文本限制字数的js代码...
2007-04-04
Select的OnChange()事件
Select的OnChange()事件...
2006-07-07
表单JS弹出填写提示效果代码
表单JS弹出填写提示效果代码，需要的朋友可以参考下。
2011-04-04
CSS3实现动态背景登录框的代码
本文介绍了一款基于jQuery+CSS3实现的带有动画效果的动态背景登陆框特效，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2015-07-07
Javascript select控件操作大全（新增、修改、删除、选中、清空、判断存在等）
这个是比较齐全的select操作代码了，大家可以根据需要调用了
2008-12-12
javascrip客户端验证文件大小及文件类型并重置上传
为了提高效率，很多时候需要在web页面中对客户端上传的文件进行验证，然后再上传到服务器。
2011-01-01

最新评论