欢迎来到代码驿站！

JavaScript代码

当前位置：首页 > 网页前端 > JavaScript代码

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

时间：2021-05-20 09:29:25|栏目：JavaScript代码|点击：次

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

上一篇：JS清除字符串中重复值的实现方法

栏目：JavaScript代码

下一篇：js 实现在离开页面时提醒未保存的信息(减少用户重复操作)

本文标题：select列表内容交换的js实现代码

本文地址：http://www.codeinn.net/misctech/125200.html

更多JavaScript代码

阅读排行

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明：本站所有的文章、图片、评论等，均由网友发表或上传并维护或收集自网络，属个人行为，与本站立场无关。

如果侵犯了您的权利，请与我们联系，我们将在24小时内进行处理、任何非本站因素导致的法律后果，本站均不负任何责任。

联系QQ：914707363 | 邮箱：codeinn#126.com(#换成@)

Copyright © 2020 代码驿站版权所有