zoukankan      html  css  js  c++  java
  • 移动节点

     
    function upOrDown(flag){
    var $List = $(#id');
    var $selectedList =  $List.find('option:selected');
        var len = $selectedList.length;
        if(!len){
            // 没有选择,不允许上下移动
            alert('请先选中需要移动的指标');
            return;
        }
    var index = $selectedList[0].index;
            var $optionArr = $List.find('option');
            if(!flag){
                if(index == 0){
                    return ;
                }   
                $selectedList.insertBefore($selectedList.prev('option'));
                //changeObj(optionArr[index],optionArr[index - 1]);  
            }else{
                if(index == $optionArr.length - 1){
                    return;
                }
                $selectedList.insertAfter($selectedList.next('option'));
                //changeObj(optionArr[index],optionArr[index + 1]);
            }
    }
    
    /**
     * 交换两个Select中的Option对象
     */
    function changeObj(sourceObj,targetObj){
    
        // 源对象的值与文本
        var sourceVal = sourceObj.value;
        var sourceText = sourceObj.text;
        var sourceOther = sourceObj['other'];
        
        // 目标对象的值与文本
        var targetVal = targetObj.value;
        var targetText = targetObj.text;
        var targetOther = targetObj['other'];
        
        // 将目标对象赋给源对象
        sourceObj.value = targetVal;
        sourceObj.text = targetText;
        sourceObj['other'] = targetOther;
        sourceObj.selected = false;
    
        // 将源对象赋给目标对象
        targetObj.value = sourceVal;
        targetObj.text = sourceText;
        targetObj['other'] = sourceOther;
        targetObj.selected = true;
    }
  • 相关阅读:
    实现一个最简单的flask应用程序
    python常识
    Flex布局
    ES6的promise的学习
    通过正则获取url参数
    dom0级事件和dom2级事件
    sea.js总结
    跨域的几种方式
    人生苦短,生命也就一次,机会也就一次
    新开的博客先和大家打个招呼吧!
  • 原文地址:https://www.cnblogs.com/xiaoxian1369/p/4040870.html
Copyright © 2011-2022 走看看