当前位置:  编程技术>WEB前端

jquery 操作两个select实现值之间的互相传递

    来源: 互联网  发布时间:2014-08-25

    本文导语:  代码如下:function moveToRight(select1,select2)//把选中的移动到右边 sleect1和sleect2分别是下拉列表框的ID{ $('#'+select1+' option:selected').each(function(){  $(""+$(this).text()+"").appendTo("#"+select2+"");  $(this).remove();  $('#'+select2).bind('dblclick',function(...

代码如下:

function moveToRight(select1,select2)//把选中的移动到右边 sleect1和sleect2分别是下拉列表框的ID
{
 $('#'+select1+' option:selected').each(function(){
  $(""+$(this).text()+"").appendTo("#"+select2+"");
  $(this).remove();
  $('#'+select2).bind('dblclick',function(){
  moveToLeft(select1,select2);
  });  
 });
}
function moveAllToRight(select1,select2)//把所有的移动到右边
{
 $('#'+select1+' option').each(function(){
  $(""+$(this).text()+"").appendTo("#"+select2+"");
  $(this).remove();
 });
}
function moveToLeft(select1,select2)//把选中的移动到左边
{
 $('#'+select2+' option:selected').each(function(){
  $(""+$(this).text()+"").appendTo("#"+select1+"");
  $(this).remove();
 });
}
function moveAllToLeft(select1,select2)//把所有的移动到左边
{
 $('#'+select2+' option').each(function(){
  $(""+$(this).text()+"").appendTo("#"+select1+"");
  $(this).remove();
 });
}

如果要双击select中的某一个option就把当前值传到另一个select需要bind一个select 事件 如下即可
代码如下:

$('#sel2').bind('dblclick',function(){//给下拉框绑定双击事件
     moveToRight('sel2','sel3');
    });
    $('#sel3').bind('dblclick',function(){
     moveToLeft('sel2','sel3');
    }); 

    
 
 

您可能感兴趣的文章:

  • Jquery easyui之控件参数传递方法
  • 解析:为jquery的ajax传递url的方法与注意事项
  • jquery ajax传递中文参数乱码问题及解决方法说明
  • Jquery之Bind方法参数传递与接收的三种方法
  • jquery 当前页面url传递的参数的例子
  • jquery.ajax的url中传递中文乱码问题的解决方法
  • Jquery调用Webservice传递Json数组
  • jsp中利用jquery+ajax在前后台之间传递json格式参数
  • jQuery防止click双击多次提交及传递动态函数或多参数
  • jQuery setTimeout传递字符串参数报错的解决方法
  • jQuery学习笔记之 Ajax操作篇(二) - 数据传递
  • 再谈Jquery Ajax方法传递到action(补充)
  • 浅析jQuery(function(){})与(function(){})(jQuery)之间的区别
  • jquery如何实现锚点链接之间的平滑滚动
  • jquery中的查找parents与closest方法之间的区别
  • jQuery向上遍历DOM树之parents(),parent(),closest()之间的区别
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • JQuery特效动画淡入淡出 两个ul标签中li互相移动
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar
  • jQuery的中文日历插件 jQuery.datePickerCn
  • jQuery实现CSS3动画效果的插件 jQuery Transit
  • jQuery的CSV插件 jQuery CSV
  • jQuery的气泡提示插件 jquery.ns_bub.js
  • jQuery气泡提示插件 jquery-rollover-tooltip
  • jQuery对话框 jQuery Modal Dialog
  • jQuery 插件 jQuery Ripples
  • 精简版的jQuery jQuery.ish
  • jQuery的OpenSocial插件 OpenSocial jQuery


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3