学习进度

今天我通过观看老师分享的教学视频，学习了如何使用jquery来实现下拉列表左右选择的操作。首先导入jquery的包：<script type="text/javascript" src="jquery-1.11.3.min.js"></script>。然后写两个<select>标签并且用multiple="multiple"来使下拉框展开。并在下拉框下面分别放置两个按钮：移动选中商品和移动全部商品。全部准备就绪后便可以编写script标签了，首先写一个$(function() {})，然后利用定义的id来调用click函数实现点击按钮把选中的商品移到右侧：$("#selectOneToRight").click(function(){$("#left option:selected").appendTo($("#right")); 

});。这样第一个功能便实现了，则将右侧选中的商品移到左侧的操作也是如此。然后是移动全部商品，只需要把上一步的操作的选中selected去掉，就可以实现了。双击则需要把click函数换成dblclick函数并且用$("#left")调用就可以实现了，右侧同理。