首页 >

jQuery实现下拉框左右移动(全部移动,已选移动)【jquery】

web前端|js教程jQuery实现下拉框左右移动(全部移动,已选移动)【jquery】
jQuery,下拉框,移动
web前端-js教程
用到的方法为:appendTo()
格式:$(content).appendTo(selector)
appendTo() 方法在被选元素的结尾(仍然在内部)插入指定内容。
click() 方法触发 click 事件,或规定当发生 click 事件时运行的函数。
wpf图片编辑器源码,ubuntu 打zip文件,tomcat在项目的作用,Iphone网络爬虫,三体无序 php,广东第三方seo优化服务费lzw
看一下具体实现的代码:
商标注册系统源码,vscode修复ts,linus谈ubuntu,tomcat电脑手机,c 中sqlite,服务器 阿里云,可以写字的微信插件,怎么设计前端样式框架,海外爬虫软件,php开发网络培训,seo网站关键词优化工具,dede网站地图样式修改,h5网页棋牌源码下载,html5 单页面模板,商城订单详情jsp页面,图书馆管理系统 源码,vb程序判断字符lzw
          $(function () {      $("#add").click(function () {      //1,方式一//        var $option = $("#select1 option:selected");  //获取选中的选项//        var $remove = $option.remove(); //删除下拉列表中选中的选项//        $remove.appendTo("#select2");  //追加给对方        //2,方式二        var $option = $("#select1 option:selected");  //获取选中的选项        $option.appendTo("#select2");  //追加给对方      });      $("#add_all").click(function () {        var $option = $("#select1 option");        $option.appendTo("#select2");      });      $("#remove").click(function () {        var $option = $("#select2 option:selected");        $option.appendTo("#select1");      });      $("#remove_all").click(function () {        var $option = $("#select2 option");        $option.appendTo("#select1");      });    });  

下拉框应用

News Sport Education Technology Art


运行效果:
rtsp客户端源码,无显卡安装ubuntu,tomcat未找到目标资源,角蛙爬虫,苹果手机php安装教程,seo快排专业乐云seolzw

  • 暂无相关文章
  • Posted in 未分类