js 调整select 位置的函数


Posted in Javascript onFebruary 21, 2008

 //   排序:向上移动   
  function   Up()   
  ...{  
     var   sel=document.getElementById("selectCheck");  //获取select
     var   nIndex   =   sel.selectedIndex;   //需要进行操作的select 项的索引
     var   nLen   =   sel.length;   //select 总共项目数
     if   ((nLen<1)||(nIndex==0))   return;   
     if   (nIndex<0)  
     ...{   
        alert("请选择一个要移动的已选按钮!");   
        return;   
      }   
     var   sValue=sel.options[nIndex].value;   
     var   sHTML=sel.options[nIndex].innerHTML;   
     sel.options[nIndex].value=sel.options[nIndex-1].value;   
     sel.options[nIndex].innerHTML=sel.options[nIndex-1].innerHTML;   
     sel.options[nIndex-1].value=sValue;   
     sel.options[nIndex-1].innerHTML=sHTML;   
     sel.selectedIndex=nIndex-1;   
  }  
  //   排序:向下移动   
  function   Down()  
   ...{   
     var   sel=document.getElementById("selectCheck");   
     var   nIndex   =   sel.selectedIndex;   
     var   nLen   =   sel.length;   
     if   ((nLen<1)||(nIndex==nLen-1))   return;   
     if   (nIndex<0)   
     ...{   
       alert("请选择一个要移动的已选按钮!");   
       return;   
     }   
     var   sValue=sel.options[nIndex].value;   
     var   sHTML=sel.options[nIndex].innerHTML;   
     sel.options[nIndex].value=sel.options[nIndex+1].value;   
     sel.options[nIndex].innerHTML=sel.options[nIndex+1].innerHTML;   
     sel.options[nIndex+1].value=sValue;   
     sel.options[nIndex+1].innerHTML=sHTML;   
     sel.selectedIndex=nIndex+1;   
   }    
   //移动到最上
   function UpFirst()
   ...{
      var   sel=document.getElementById("selectCheck"); 
      var   nIndex   =   sel.selectedIndex;  
      var   nLen = sel.options.length;
      if   ((nLen<1)||(nIndex==0))   return;   

      if(nIndex<0)
      ...{
          alert("请选择一个要移动的已选按钮!");   
          return; 
      }
      var tempValue = document.getElementById("tempValue");//用于临时存放option的值
      tempValue.value = "";
      for(var k=0;k<nIndex;k++)
      ...{
         tempValue.value +=  sel.options[k].value+";";
      }
      var arrValue = tempValue.value.split(';');
      var   sValue=sel.options[nIndex].value;   
      var   sHTML=sel.options[nIndex].innerHTML;   
      sel.options[0].value = sValue;
      sel.options[0].innerHTML = sHTML;

     for(var j=1;j<=nIndex;j++)
     ...{
       sel.options[j].value = arrValue[j-1];
       sel.options[j].innerHTML = arrValue[j-1];
     }
      sel.selectedIndex = 0;
   }
   //移动到最后
   function DownLast()
   ...{
      var   sel=document.getElementById("selectCheck"); 
      var   nIndex   =   sel.selectedIndex;  
      var   nLen = sel.options.length;
      if   ((nLen<1)||(nIndex==nLen))   return;   

      if(nIndex<0)
      ...{
          alert("请选择一个要移动的已选按钮!");   
          return; 
      }
      var tempValue = document.getElementById("tempValue");//用于临时存放option的值
      tempValue.value = "";
      for(var k=nIndex+1;k<nLen;k++)
      ...{
         tempValue.value +=  sel.options[k].text+";";
      }
      var arrValue = tempValue.value.split(';');
      var   sValue=sel.options[nIndex].value;   
      var   sHTML=sel.options[nIndex].innerHTML;   

    
     for(var j=nIndex;j<nLen;j++)
     ...{
       sel.options[j].value = arrValue[j-nIndex ];
       sel.options[j].innerHTML = arrValue[j-nIndex];
     }

      sel.options[nLen-1].value = sValue;
      sel.options[nLen-1].innerHTML = sHTML;
      sel.selectedIndex = nLen-1;
   }

Javascript 相关文章推荐
Jquery 绑定时间实现代码
May 03 Javascript
web性能优化之javascript性能调优
Dec 28 Javascript
js open() 与showModalDialog()方法使用介绍
Sep 10 Javascript
javascript实现信息的显示和隐藏如注册页面
Dec 03 Javascript
将json对象转换为字符串的方法
Feb 20 Javascript
JavaScript中按位“异或”运算符使用介绍
Mar 14 Javascript
js/jquery判断浏览器类型的方法小结
May 12 Javascript
基于Angularjs实现分页功能
May 30 Javascript
Angularjs中controller的三种写法分享
Sep 21 Javascript
axios基本入门用法教程
Mar 25 Javascript
详解webpack 热更新优化
Sep 13 Javascript
利用原生JS实现data方法示例代码
May 28 Javascript
js 替换
Feb 19 #Javascript
javascript replace方法与正则表达式
Feb 19 #Javascript
window.addeventjs事件驱动函数集合addEvent等
Feb 19 #Javascript
setAttribute 与 class冲突解决
Feb 17 #Javascript
setInterval 和 setTimeout会产生内存溢出
Feb 15 #Javascript
一个js封装的不错的选项卡效果代码
Feb 15 #Javascript
ImageFlow可鼠标控制图片滚动
Jan 30 #Javascript
You might like
PHP对字符串的递增运算分析
2010/08/08 PHP
php中的常用魔术方法总结
2013/08/02 PHP
PHP采用XML-RPC构造Web Service实例教程
2014/07/16 PHP
分享十款最出色的PHP安全开发库中文详细介绍
2015/03/22 PHP
老生常谈PHP位运算的用途
2017/03/12 PHP
PHP验证类的封装与使用方法详解
2019/01/10 PHP
JQuery插件Style定制化方法的分析与比较
2012/05/03 Javascript
JS辨别访问浏览器判断是android还是ios系统
2014/08/19 Javascript
ExtJs动态生成treepanel的Json格式
2015/07/19 Javascript
跟我学习javascript的arguments对象
2015/11/16 Javascript
理解javascript闭包
2015/12/15 Javascript
深入探秘jquery瀑布流的实现
2016/01/30 Javascript
利用Angular.js限制textarea输入的字数
2016/10/20 Javascript
Bootstrap table 定制提示语的加载过程
2017/02/20 Javascript
微信小程序BindTap快速连续点击目标页面跳转多次问题处理
2019/04/08 Javascript
vue router动态路由设置参数可选问题
2019/08/21 Javascript
基于layui table返回的值的多级嵌套的解决方法
2019/09/19 Javascript
Python中Collection的使用小技巧
2014/08/18 Python
详解Python中with语句的用法
2015/04/15 Python
python append、extend与insert的区别
2016/10/13 Python
Python编程实现两个文件夹里文件的对比功能示例【包含内容的对比】
2017/06/20 Python
Python3中的列表,元组,字典,字符串相关知识小结
2017/11/10 Python
利用python实现汉字转拼音的2种方法
2019/08/12 Python
Python使用matplotlib实现交换式图形显示功能示例
2019/09/06 Python
解决python使用list()时总是报错的问题
2020/05/05 Python
Python新手如何理解循环加载模块
2020/05/29 Python
Python3爬虫mitmproxy的安装步骤
2020/07/29 Python
python 视频下载神器(you-get)的具体使用
2021/01/06 Python
linux面试相关问题
2012/08/11 面试题
大学生毕业自我鉴定范文
2014/02/03 职场文书
计算机专业毕业生求职信
2014/04/30 职场文书
民族团结先进集体事迹材料
2014/05/22 职场文书
关于感恩的演讲稿800字
2014/08/26 职场文书
2015年城管个人工作总结范文
2015/04/20 职场文书
小兵张嘎观后感
2015/06/03 职场文书
Java8 CompletableFuture 异步回调
2022/04/28 Java/Android