2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > jquery实现下拉框功能效果【实例代码】【jquery】

jquery实现下拉框功能效果【实例代码】【jquery】

时间:2019-04-21 06:34:30

相关推荐

jquery实现下拉框功能效果【实例代码】【jquery】

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。