资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
select列表内容交换的js实现代码
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%20type%3D%22text%2Fjavascript%22%3E%20%0D%0Afunction%20move(formObj%2CtoObj)%7B%20%0D%0Aif(formObj.selectedIndex%20!%3D%20-1)%7B%20%0D%0AtoObj.add(new%20Option(formObj.options%5BformObj.selectedIndex%5D.text%2CformObj.options%5BformObj.selectedIndex%5D.value))%3B%20%0D%0A%0D%0AformObj.remove(formObj.selectedIndex)%3B%20%0D%0A%2F%2Fvar%20index%20%3D%20formObj.selectedIndex%3B%20%0D%0A%7D%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> <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需刷新才能执行
]
教程首页
更多教程