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 相关文章推荐
用cssText批量修改样式
Aug 29 Javascript
jQuery maxlength文本字数限制插件
Apr 16 Javascript
javascript最常用与实用的创建类的代码
Aug 12 Javascript
Moment.js 不容错过的超棒Javascript日期处理类库
Apr 15 Javascript
JavaScript Ajax Json实现上下级下拉框联动效果实例代码
Nov 23 Javascript
JSON.parse()和JSON.stringify()使用介绍
Jun 20 Javascript
jQuery中:input选择器用法实例
Jan 03 Javascript
Javascript 正则表达式实现为数字添加千位分隔符
Mar 10 Javascript
全面解析jQuery中的$(window)与$(document)的用法区别
Aug 15 jQuery
ES6 迭代器(Iterator)和 for.of循环使用方法学习(总结)
Feb 08 Javascript
vue实现微信分享朋友圈,发送朋友的示例讲解
Feb 10 Javascript
JavaScript迭代器的含义及用法
Jun 21 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
把从SQL中取出的数据转化成XMl格式
2006/10/09 PHP
在PHP中利用wsdl创建标准webservice的实现代码
2011/12/07 PHP
PHP表单提交表单名称含有点号(.)则会被转化为下划线(_)
2011/12/14 PHP
php去掉URL网址中带有PHPSESSID的配置方法
2014/07/08 PHP
ThinkPHP查询语句与关联查询用法实例
2014/11/01 PHP
在PHP中使用FastCGI解析漏洞及修复方案
2015/11/10 PHP
PHP判断是手机端还是PC端 PHP判断是否是微信浏览器
2017/03/15 PHP
JS(jQuery)实现聊天接收到消息语言自动提醒功能详解【提示“您有新的消息请注意查收”】
2019/04/16 PHP
Javascript 函数对象的多重身份
2009/06/28 Javascript
js的匿名函数使用介绍
2013/12/11 Javascript
jQuery队列操作方法实例
2014/06/11 Javascript
Node.js与PHP、Python的字符处理性能对比
2014/07/06 Javascript
js 自带的sort() 方法全面了解
2016/08/16 Javascript
nodejs入门教程一:概念与用法简介
2017/04/24 NodeJs
使用MUI框架模拟手机端的下拉刷新和上拉加载功能
2017/09/04 Javascript
Vue 开发音乐播放器之歌手页右侧快速入口功能
2018/08/08 Javascript
vuex实现及简略解析(小结)
2019/03/01 Javascript
Javascript地址引用代码实例解析
2020/02/25 Javascript
微信小程序地图实现展示线路
2020/07/29 Javascript
[01:14]英雄,所敬略同——2018完美盛典宣传视频4K
2018/12/05 DOTA
Python中的字符串类型基本知识学习教程
2016/02/04 Python
Python数据类型详解(一)字符串
2016/05/08 Python
Django中login_required装饰器的深入介绍
2017/11/24 Python
Python实现一个Git日志统计分析的小工具
2017/12/14 Python
pandas 获取季度,月度,年度首尾日期的方法
2018/04/11 Python
python3+PyQt5泛型委托详解
2018/04/24 Python
Django基础知识 web框架的本质详解
2019/07/18 Python
Django使用Channels实现WebSocket的方法
2019/07/28 Python
TensorFLow 数学运算的示例代码
2020/04/21 Python
完美解决keras保存好的model不能成功加载问题
2020/06/11 Python
iframe与window.onload如何使用详解
2020/05/07 HTML / CSS
使用索引有什么好处
2016/07/27 面试题
《盘古开天地》教学反思
2014/02/28 职场文书
事业单位人员的自我评价范文
2014/09/21 职场文书
Python Pandas 删除列操作
2022/03/16 Python
win10此电脑打不开怎么办 win10双击此电脑无响应的解决办法
2022/07/23 数码科技