左右选择

<table>
	<tr>
		<td>
			<select id="left" multiple="true" style="width:100px" size="10">
				<option>環</option>
				<option>芈</option>
				<option>琅</option>
				<option>琊</option>
				<option>爨</option>
				<option>甄</option>
				<option>槑</option>
				<option>夔</option>
				<option>嬲</option>
				<option></option>
			</select>
		</td>
		<td>
			<input type="button" value=">" id="toRight1"><br>
			<input type="button" value=">>" id="toRight2"><br>
			<input type="button" value=">>>" id="toRight3"><br><br>
			<input type="button" value="<" id="toLeft1"><br>
			<input type="button" value="<<" id="toLeft2"><br>
			<input type="button" value="<<<" id="toLeft3">
		</td>
		<td>
			<select id="right" multiple="true" style="width:100px" size="10">
				
			</select>
		</td>
	</tr>
	</table>


<script type="text/javascript">
	// option:selected:first(移动一个)
	//option:selected  (移动多个)
	//option	(移动全部)
	$(function(){
		//只移动一个	
		$("#toRight1").click(function(){
			$("#left option:selected:first").appendTo($("#right"));
		})
		//移动多个
		$("#toRight2").click(function(){
			$("#right").append($("#left option:selected"));
		})
		//移动全部
		$("#toRight3").click(function(){
			$("#right").append($("#left option"));
		})
	})
</script>