最近在修改公司的一个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"
οndblclick="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=" >> " οnclick="changeObject('allSelect','choseSelect')"/><br/>
<input type="button" name="btn2" value=" << " οnclick="changeObject('choseSelect','allSelect')"/>
</td>
<td>
请选择需要添加的人:<br/>
<select style="width:300px" multiple="multiple" name="choseSelect" id="choseSelect"
οndblclick="changeObject(this.id,'allSelect');">
</select>
</td>
</tr>
</table>
</body>
</html>