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

使用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>

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

相关推荐