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 指导方针
Apr 05 Javascript
prototype Element学习笔记(篇一)
Oct 26 Javascript
cnblogs 代码高亮显示后的代码复制问题解决实现代码
Dec 14 Javascript
JavaScript字符串常用类使用方法汇总
Apr 14 Javascript
整理Javascript函数学习笔记
Dec 01 Javascript
javascript 数组的正态分布排序的问题
Jul 31 Javascript
JavaScript计算值然后把值嵌入到html中的实现方法
Oct 29 Javascript
基于js实现checkbox批量选中操作
Nov 22 Javascript
Vue 进阶教程之v-model详解
May 06 Javascript
JS按钮闪烁功能的实现代码
Jul 21 Javascript
解决jquery有正确返回值但不执行success函数的问题
Aug 20 jQuery
JavaScript实现淘宝商品图切换效果
Apr 29 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
在任意字符集下正常显示网页的方法一
2007/04/01 PHP
追求程序速度,而不是编程的速度
2008/04/23 PHP
简单实现限定phpmyadmin访问ip的方法
2013/03/05 PHP
解析php开发中的中文编码问题
2013/08/08 PHP
使用php清除bom示例
2014/03/03 PHP
C#使用PHP服务端的Web Service通信实例
2014/04/08 PHP
学习php开源项目的源码指南
2014/12/21 PHP
Thinkphp中的curd应用实用要点
2015/01/04 PHP
PHP内存缓存功能memcached示例
2016/10/19 PHP
PHP中单例模式与工厂模式详解
2017/02/17 PHP
由php中字符offset特征造成的绕过漏洞详解
2017/07/07 PHP
js 表格隔行颜色
2009/12/02 Javascript
javascript数组操作方法小结和3个属性详细介绍
2014/07/05 Javascript
我的Node.js学习之路(三)--node.js作用、回调、同步和异步代码 以及事件循环
2014/07/06 Javascript
浅谈Javascript数组索引
2015/07/29 Javascript
js将table的每个td的内容自动赋值给其title属性的方法
2016/10/13 Javascript
vue.js学习笔记之绑定style样式和class列表
2016/10/31 Javascript
详解webpack + react + react-router 如何实现懒加载
2017/11/20 Javascript
React教程之封装一个Portal可复用组件的方法
2018/01/02 Javascript
Vue前后端不同端口的实现方法
2018/09/19 Javascript
微信小程序实现购物车代码实例详解
2019/08/29 Javascript
vue实现移动端图片上传功能
2019/12/23 Javascript
Python实现TCP协议下的端口映射功能的脚本程序示例
2016/06/14 Python
Python深入06——python的内存管理详解
2016/12/07 Python
Python编写Windows Service服务程序
2018/01/04 Python
Pandas DataFrame 取一行数据会得到Series的方法
2018/11/10 Python
python 实现一次性在文件中写入多行的方法
2019/01/28 Python
python使用socket 先读取长度,在读取报文内容示例
2019/09/26 Python
Python获取指定网段正在使用的IP
2020/12/14 Python
触发器(trigger)的功能都有哪些?写出一个触发器的例子
2012/09/17 面试题
疾病防治方案
2014/05/31 职场文书
大学生学习新党章思想汇报
2014/10/25 职场文书
2014年服装销售工作总结
2014/11/27 职场文书
2014年幼儿园教学工作总结
2014/12/04 职场文书
Golang bufio详细讲解
2022/04/21 Golang
Windows Server 2016服务器用户管理及远程授权图文教程
2022/08/14 Servers