基于jquery如何实现左右上下移动效果

  介绍

这篇文章给大家分享的是有关基于jquery如何实现左右上下移动效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

最近再做报表时候,直接把全部字段都导出了,但这不太灵活。回忆老师讲过的项目做报表如下左右上下移功能灵活控制,所以就尝试下咯。

基于jquery如何实现左右上下移动效果

js代码

function 选择(thiz),   {,   ,var  name =, thiz.name;,   ,如果(name==皉ight"),   美元才能(“选择[name=& # 39;左# 39;]“).val (“;”),,   ,else    美元才能(“选择[name=& # 39;对# 39;]“).val (“;”),,   },   function 转变(thiz),   {,   美元,var  right =,(“选择[name=& # 39;对# 39;]“),,   美元,var  left =,(“选择[name=& # 39;左# 39;]“),,   ,如果(thiz==發eft",,,, right.val (), !=,““) {,   lrShift才能(左,右),,   ,}else 如果(thiz==皉ight",,,, left.val (), !=,““) {,   lrShift才能(左、右),,   }大敌;   ,   ,//获取选中的值,   },//从桌子移动到target    function  lrShift(服务台、目标),   {,   ,var  childrens =, dest.children (),,   ,var  args =,““,   ,//警报(dest.val ()),,   ,var  dests =, dest.val (),   ,(var  x =, 0;, x  & lt;, dests.length;, x + +),   {大敌;   var 才能;vaTemp =,桌子[x];,   target.append才能(“& lt; option 价值=https://www.yisu.com/zixun/的“+ vaTemp +”>“+ vaTemp +” ");//追加   target.find(”选项(value=' + vaTemp + " ']”) .attr(“选择”,真的);//给追加获取焦点   (var y=0;y childrens.length-1)   返回;   temp=childrens.get(数量);   }//删除选中的值   var n=0;   var缓冲=new Array (childrens.length-objData.length);   (var x=0;x ”+ objData [x] + " ");   }   }   obj.append(“<选项>”+缓冲[y] + " ");   }   其他}{   (var y=0;”+缓冲[y] + " ");   如果缓冲区[y]==temp.value)   {   (var x=0;x ”+ objData [x] + " ");   }   }   }   }//选中值   obj.val (objData);   }   objValue函数findSelect(选择)   {   var=1;   (var x=0;x

页面调用

& lt; div>,   ,,& lt; div>   ,,& lt; b>未导出字段& lt;/b>,   & lt;/div>才能,   ,& lt;才能div 的在,   ,,& lt; select  name=發eft",多个=癿ultiple", onchange=把≡?这)“,在,   ,,,& lt; option 价值=https://www.yisu.com/zixun/毙彰?姓名   <选项值="快件号">快件号   <选项值="快递公司”>快递公司   <选项值="首重">首重> 续重>