字段左移右移上移下移等

原创 2013年12月04日 17:34:30

    $(document).ready(function(){

                         //给按钮注册单击事件

                        $("ddd").click(function(){

                                   //调用hiBox

                                  hiBox("#dd","导出报表",460,370,'','.a_close');

                               //注意,网页框弹出来后,在网页框上其他按钮的事件要写在这下面,否则不起作用,另外,选择器不能按单个按钮或图片的id去获取。好了,不废话,上代码。

                               

//字段从左向右移动
            $("#popup_content #popup_message #left2right_field").click(function(){
                     zhuanyi("leftSelect","rightSelect");
            });
           //字段从右向左移动
           $("#popup_content #popup_message #right2left_field").click(function(){
                 zhuanyi("rightSelect","leftSelect");    
           });
           //字段上移
           $("#popup_content #popup_message #upField").click(function(){
                  shangyi("leftSelect");
          });
         //字段下移
          $("#popup_content #popup_message #downField").click(function(){
                  xiayi("leftSelect");
         });
         //字段置顶
          $("#popup_content #popup_message #topField").click(function(){
              zhiding("leftSelect");
         });
        //字段置底
          $("#popup_content #popup_message #bottomField").click(function(){
               zhidi("leftSelect");
         });
       });
       //字段左右移动的方法
      var zhuanyi=function(id_1,id_2){
           if($("#popup_content #popup_message #"+id_1+" option:selected").length>0){
               $("#popup_content #popup_message #"+id_1+" option:selected").each(function(){
                        $("#popup_content #popup_message #"+id_2).append("<option value='"+$(this).val()+"'>"+$(this).text()

+"</option>"); 
              });
              $("#popup_content #popup_message #"+id_1+" option:selected").remove();  
           }else{
             alert("请选择要转移的字段!");
          }
      };
     //上移
      var shangyi=function(id){
             $("#popup_content #popup_message #"+id+" option:selected").prev()
              .before($("#popup_content #popup_message #"+id+" option:selected"));
     };
     //下移
     var xiayi=function(id){
           $("#popup_content #popup_message #"+id+" option:selected").next().after($("#popup_content #popup_message

#"+id+" option:selected"));
    };
    //置顶
     var zhiding=function(id){
           $($("#popup_content #popup_message #"+id+" option")).first().before($("#popup_content #popup_message #"+id+"

option:selected"));
    };
     //置底
     var zhidi=function(id){
              $($("#popup_content #popup_message #"+id+" option")).last().after($("#popup_content #popup_message #"+id+"

option:selected"));     };
   });              

                      });

               });             

js实现动画,右移、左移,上移,下移,左上角移动等

js实现动画,右移、左移,上移,下移,左上角移动等
  • u013415189
  • u013415189
  • 2016年06月30日 09:47
  • 7352

javascript实现左移右移上移下移

×         分享到一键分享QQ空间新浪微博百度云收藏人人网腾讯微博百度...
  • rich6888
  • rich6888
  • 2014年08月31日 01:32
  • 251

js 上移 下移 左移 右移

任务类型:                                      selected="true">办事处申请                 selected="true...
  • u010022574
  • u010022574
  • 2013年10月07日 13:17
  • 642

javaweb上移下移功能全过程

javaweb上移下移功能全过程
  • zhangxiaomin1992
  • zhangxiaomin1992
  • 2016年11月17日 15:34
  • 1964

上移下移操作

很想弄个上移下移操作的通用层,但是在设计的时候发现设计后整个Action代码用起来却更加的复杂。所以就先放弃掉,以后有更好的办法再将其设计一遍。现在先只能将我所写的Action粘贴过来,以后如果碰见上...
  • sunhuwh
  • sunhuwh
  • 2013年04月17日 17:42
  • 2862

jquery实现节点上移、下移

$().prop('outerHTML')$().html()方法是获取当前节点下的html代码,但并不包括当前节点, js dom里有一个属性outerHTML用来获取当前节点的html代码(包括...
  • qq_29457999
  • qq_29457999
  • 2017年06月09日 13:51
  • 903

ListBox实现上移,下移,左移,右移操作

[html] view plain copy html>   head>       title>Javascript版选择下拉菜单互移且排序title>     ...
  • provence_20
  • provence_20
  • 2017年12月20日 22:56
  • 32

mysql选择上一条、下一条数据记录,排序上移、下移、置顶

选择mysql记录上一条,下一条sql语句,完成列表排序上移,下移,置顶功能!设置一个rank为之间戳,通过选择上移,就是将本记录与上一条记录rank值交换,下移就是将本条记录与下一条记录rank值交...
  • whzhaochao
  • whzhaochao
  • 2014年12月24日 13:16
  • 2404

jquery 实现左移、右移

我们实现一个如下图所示的功能: 选中左侧的数据,把选中的数据右移到右侧的div中: html代码如下: > " title="...
  • houpengfei111
  • houpengfei111
  • 2013年02月03日 15:04
  • 6846

jquery 实现列表上移、下移功能

由于比较忙,好久没写新的文章了,虽然本人写的文章可能对一些高手来说是小菜一碟,但是对于新手来说还是比较难得,重在为和我一样的小菜鸟提供一个简单的实现方法,以及一个思路罢了。        那么,废话...
  • houpengfei111
  • houpengfei111
  • 2013年02月03日 12:50
  • 7496
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:字段左移右移上移下移等
举报原因:
原因补充:

(最多只允许输入30个字)