首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

使用JQuery左右移动上拉列表框中的值

2012-10-08 
使用JQuery左右移动下拉列表框中的值??? 最近在修改公司的一个bug,需要把左边的东西移动要右边,后来查了下

使用JQuery左右移动下拉列表框中的值

??? 最近在修改公司的一个bug,需要把左边的东西移动要右边,后来查了下资料,写出了下面的代码。

?

<html><head><title>左右移动下拉列表框中的值</title><script type="text/javascript" src="jquery-1.2.6.min.js"></script><script language="javascript">function changeObject(s,t){var objs="#"+s;var objt="#"+t;$("option:selected",objs).clone().appendTo(objt);$("option:selected",objs).remove();}</script></head><body><table align="center"><tr><td>所有人的姓名:<br/><select style="width:300px" multiple="multiple" name="allSelect" id="allSelect"ondblclick="changeObject(this.id,'choseSelect');"><option>赵一</option><option>钱二</option><option>张三</option><option>李四</option><option>王五</option><option>孙六</option><option>周七</option><option>吴八</option></select></td><td width="10%"><input type="button" name="btn1" value=" &gt;&gt; " onclick="changeObject('allSelect','choseSelect')"/><br/><input type="button" name="btn2" value=" &lt;&lt; " onclick="changeObject('choseSelect','allSelect')"/></td><td>请选择需要添加的人:<br/><select style="width:300px" multiple="multiple" name="choseSelect" id="choseSelect"ondblclick="changeObject(this.id,'allSelect');"></select></td></tr></table></body></html>

?

热点排行