<div id=”left”>
<select multiple=”multiple” id=”select1″ style=”width:100px;height:160px”>
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
<option>选项4</option>
<option>选项5</option>
</select>
</div>
<div>
<span id=”add”>选中项添加至右边>></span><br />
<span id=”addAll”>全部添加到右边>></span>
</div>
<div id=”right”>
<select multiple=”multiple” id=”select2″ style=”width:100px;height:160px”></select>
</div>
<div>
<span id=”remove”><<选中项还原至左边</span><br />
<span id=”removeAll”><<全部还原至左边</span>
</div>
</form>
</body>
