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 相关文章推荐
javascript 获取元素位置的快速方法 getBoundingClientRect()
Nov 26 Javascript
iphone safari不支持position fixed的解决方法
May 04 Javascript
Js中的onblur和onfocus事件应用介绍
Aug 27 Javascript
JS简单的图片放大缩小的两种方法
Nov 11 Javascript
jquery操作checkbox示例分享
Jul 21 Javascript
JavaScript中对象property的删除方法介绍
Dec 30 Javascript
js实现透明度渐变效果的方法
Apr 10 Javascript
浅析$.getJSON异步请求和同步请求
Jun 06 Javascript
JavaScript数组操作函数汇总
Aug 05 Javascript
JS刷新父窗口的几种方式小结(推荐)
Nov 09 Javascript
JavaScript Ajax实现异步通信
Dec 14 Javascript
JS/HTML5游戏常用算法之碰撞检测 地图格子算法实例详解
Dec 12 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
swfupload 多文件上传实现代码
2008/08/27 PHP
探讨Hessian在PHP中的使用分析
2013/06/13 PHP
php对二维数组按指定键值key排序示例代码
2013/11/26 PHP
Smarty变量调节器失效的解决办法
2014/08/20 PHP
关于php支持的协议与封装协议总结(推荐)
2017/11/17 PHP
PHP 爬取网页的主要方法
2018/07/13 PHP
php的无刷新操作实现方法分析
2020/02/28 PHP
jQuery 中关于CSS操作部分使用说明
2007/06/10 Javascript
分析Node.js connect ECONNREFUSED错误
2013/04/09 Javascript
动态加载脚本提升javascript性能
2014/02/24 Javascript
jquery动态更换设置背景图的方法
2014/03/25 Javascript
JS获得浏览器版本和操作系统版本的例子
2014/05/13 Javascript
JQuery中serialize()、serializeArray()和param()方法示例介绍
2014/07/31 Javascript
JavaScript中数据结构与算法(五):经典KMP算法
2015/06/19 Javascript
jquery及js实现动态加载js文件的方法
2016/01/21 Javascript
jQuery中text() val()和html()的区别实例详解
2016/06/28 Javascript
vue中的$emit 与$on父子组件与兄弟组件的之间通信方式
2018/05/13 Javascript
详解Vue.js使用Swiper.js在iOS
2018/09/10 Javascript
微信小程序实现底部导航
2018/11/05 Javascript
vue中格式化时间过滤器代码实例
2019/04/17 Javascript
javascript实现点击小图显示大图
2020/11/29 Javascript
Python实现统计给定字符串中重复模式最高子串功能示例
2018/05/16 Python
python用户评论标签匹配的解决方法
2018/05/31 Python
Django框架的使用教程路由请求响应的方法
2018/07/03 Python
pytorch实现从本地加载 .pth 格式模型
2020/02/14 Python
Django用户登录与注册系统的实现示例
2020/06/03 Python
python归并排序算法过程实例讲解
2020/11/04 Python
python 图像增强算法实现详解
2021/01/24 Python
大学辅导员事迹材料
2014/02/05 职场文书
竞选生活委员演讲稿
2014/04/28 职场文书
股份合作协议书
2014/09/10 职场文书
高中生学习计划书
2014/09/15 职场文书
董事长新年致辞
2015/07/29 职场文书
用Python提取PDF表格的方法
2021/04/11 Python
go结构体嵌套的切片数组操作
2021/04/28 Golang
Python Django / Flask如何使用Elasticsearch
2022/04/19 Python