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中show()、hide()和toggle()用法实例
Jan 15 Javascript
javascript判断数组内是否重复的方法
Apr 21 Javascript
JS实现文字掉落效果的方法
May 06 Javascript
AngularJS基础 ng-switch 指令简单示例
Aug 03 Javascript
利用HTML5+Socket.io实现摇一摇控制PC端歌曲切换
Jan 13 Javascript
微信小程序 数据遍历的实现
Apr 05 Javascript
ReactNative列表ListView的用法
Aug 02 Javascript
CSS3结合jQuery实现动画效果及回调函数的实例
Dec 27 jQuery
javascript中的隐式调用
Feb 10 Javascript
Vue引入Stylus知识点总结
Jan 16 Javascript
js实现简单五子棋游戏
May 28 Javascript
jquery实现简单自动轮播图效果
Jul 29 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
域名查询代码公布
2006/10/09 PHP
用文本文件制作留言板提示(上)
2006/10/09 PHP
WordPress中用于检索模版的相关PHP函数使用解析
2015/12/15 PHP
php注册和登录界面的实现案例(推荐)
2016/10/24 PHP
php封装的mongodb操作类代码
2017/08/06 PHP
javascript 框架小结 个人工作经验
2009/06/13 Javascript
ajax更新数据后,jquery、jq失效问题
2011/03/16 Javascript
Jquery上传插件 uploadify v3.1使用说明
2012/06/18 Javascript
JS数学函数Exp使用说明
2012/08/09 Javascript
js 用CreateElement动态创建标签示例
2013/11/20 Javascript
Javascript中的delete操作符详细介绍
2014/06/06 Javascript
控制台报错object is not a function的解决方法
2014/08/24 Javascript
AngularJS中的模块详解
2015/01/29 Javascript
通过伪协议解决父页面与iframe页面通信的问题
2015/04/05 Javascript
js+HTML5实现canvas多种颜色渐变效果的方法
2015/06/05 Javascript
JavaScript实现LI列表数据绑定的方法
2015/08/04 Javascript
jQuery实现可展开折叠的导航效果示例
2016/09/12 Javascript
AngularJs $parse、$eval和$observe、$watch详解
2016/09/21 Javascript
jQuery解析XML 详解及方法总结
2016/09/28 Javascript
TypeScript学习之强制类型的转换
2016/12/27 Javascript
JS对象创建的几种方式整理
2017/02/28 Javascript
axios向后台传递数组作为参数的方法
2018/08/11 Javascript
小程序获取周围IBeacon设备的方法
2018/10/31 Javascript
python解析中国天气网的天气数据
2014/03/21 Python
在Django的session中使用User对象的方法
2015/07/23 Python
用Python抢过年的火车票附源码
2015/12/07 Python
机器学习经典算法-logistic回归代码详解
2017/12/22 Python
python读csv文件时指定行为表头或无表头的方法
2019/06/26 Python
Python调用C语言的实现
2019/07/26 Python
利用pyshp包给shapefile文件添加字段的实例
2019/12/06 Python
Python3+RIDE+RobotFramework自动化测试框架搭建过程详解
2020/09/23 Python
第二层交换机和路由器的区别?第三层交换机和路由器的区别?
2013/05/23 面试题
整改报告怎么写
2014/11/06 职场文书
话题作文之呼唤
2019/12/18 职场文书
解决jupyter notebook启动后没有token的坑
2021/04/24 Python
Oracle 区块链表创建过程详解
2021/05/15 Oracle