字段左移右移上移下移等

来源:互联网 发布:windows 安装vc 2014 编辑:程序博客网 时间:2024/05/20 09:45

    $(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"));     };
   });              

                      });

               });