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 相关文章推荐
经典的解除许多网站无法复制文字的绝招
Dec 31 Javascript
javascript smipleChart 简单图标类
Jan 12 Javascript
js的alert弹出框出现乱码解决方案
Sep 02 Javascript
javascript抖动元素的小例子
Oct 28 Javascript
JavaScript获取XML数据附示例截图
Mar 05 Javascript
用svg制作富有动态的tooltip
Jul 17 Javascript
jQuery实现滚动鼠标放大缩小图片的方法(附demo源码下载)
Mar 05 Javascript
JavaScript简单实现弹出拖拽窗口(一)
Jun 17 Javascript
基于javascript的拖拽类封装详解
Apr 19 Javascript
JavaScript命名空间模式实例详解
Jun 20 Javascript
react koa rematch 如何打造一套服务端渲染架子
Jun 26 Javascript
jQuery实现移动端下拉展现新的内容回弹动画
Jun 24 jQuery
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下将图片以二进制存入mysql数据库中并显示的实现代码
2010/05/27 PHP
将word转化为swf 如同百度文库般阅读实现思路及代码
2013/08/09 PHP
php中substr()函数参数说明及用法实例
2014/11/15 PHP
详谈PHP程序Laravel 5框架的优化技巧
2016/07/18 PHP
php mysql数据库操作类(实例讲解)
2017/08/06 PHP
自己编写的类似JS的trim方法
2013/10/09 Javascript
jquery性能优化高级技巧
2015/08/24 Javascript
Webpack 实现 Node.js 代码热替换
2015/10/22 Javascript
jQuery1.9.1源码分析系列(十六)ajax之ajax框架
2015/12/04 Javascript
JavaScript计划任务后台运行的方法
2015/12/18 Javascript
预防网页挂马的方法总结
2016/11/03 Javascript
Node.js搭建小程序后台服务
2018/01/03 Javascript
vue中$set的使用(结合在实际应用中遇到的坑)
2018/07/10 Javascript
详解ES6 Promise对象then方法链式调用
2018/10/20 Javascript
如何使用VuePress搭建一个类型element ui文档
2019/02/14 Javascript
JS数组Object.keys()方法的使用示例
2019/06/05 Javascript
vue实现codemirror代码编辑器中的SQL代码格式化功能
2019/08/27 Javascript
nodejs的安装使用与npm的介绍
2019/09/11 NodeJs
浅谈layui里的上传控件问题
2019/09/26 Javascript
react antd表格中渲染一张或多张图片的实例
2020/10/28 Javascript
python 设置文件编码格式的实现方法
2017/12/21 Python
Python实战购物车项目的实现参考
2019/02/20 Python
利用canvas实现图片压缩的示例代码
2018/07/17 HTML / CSS
美体小铺瑞典官方网站:The Body Shop瑞典
2018/01/27 全球购物
Linden Leaves官网:新西兰纯净护肤品
2020/12/20 全球购物
一套Java笔试题
2016/08/20 面试题
css animation配合SVG制作能量流动效果
2021/03/24 HTML / CSS
毕业生自荐书模版
2014/01/04 职场文书
上课随便讲话检讨书
2014/09/12 职场文书
工资收入证明
2014/10/07 职场文书
故意伤害人身损害赔偿协议书
2014/11/19 职场文书
优秀校长事迹材料
2014/12/24 职场文书
培训后的感想
2015/08/07 职场文书
2016年全国爱眼日宣传教育活动总结
2016/04/05 职场文书
Django使用echarts进行可视化展示的实践
2021/06/10 Python
Java后端 Dubbo retries 超时重试机制的解决方案
2022/04/14 Java/Android