![jquery实现下拉框功能效果【实例代码】【jquery】](https://2000zi.500zi.com/uploadfile/img/14/551/4a1efba2f242bd1ae91b2b38051f7e64.jpg)
web前端|js教程
jquery,下拉框功能
web前端-js教程
说不清楚,直接上图
集成平台源码,ubuntu+iso安装,tomcat启动日志是乱码,爬虫定位url,php输出乱码问题,seo是什么seo教程lzw
农场复利理财源码,ubuntu怎么禁用声卡,微信长连接导致tomcat,python用户爬虫,php教程全局标签学习,seo思维完整版seo新手lzw
* {margin: 0;padding: 0; } div.centent {float: left;text-align: center;margin: 10px; } span {display: block;margin: 2px 2px;padding: 4px 10px;background: #898989;cursor: pointer;font-size: 12px;color: white; }$(function () {$("#add").click(function () {//单个添加 var $options = $("#select1 option:selected"); $options.appendTo("#select2");});$("#add_all").click(function () {//全部添加 $("#select1 option").each(function () {$(this).appendTo("#select2");/*也可以写为:var p=$("#select1 option");p.appendTo("#select2");*/ });});$("#remove").click(function () {//同上,只不过方向相反 var $options = $("#select2 option:selected"); // var $remove = $options.remove(); $options.appendTo("#select1");});$("#remove_all").click(function () {//同上,只不过方向相反 var p = $("#select2 option"); p.appendTo("#select1");}); });
选项1选项2选项3选项4选项5选项6
选中添加到右边>>全部添加到右边>;>
<<选中删除到左边<<全部删除到左边
html5工具源码下载,安卓 ubuntu对比,tomcat10万并发,大爬虫汽车,传奇支付源码php,保定seo整站排名优化哪家专业lzw