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 相关文章推荐
解决FireFox下[使用event很麻烦]的问题
Nov 26 Javascript
JavaScript 指导方针
Apr 05 Javascript
javascript实现的鼠标链接提示效果生成器代码
Jun 28 Javascript
下拉列表选择项的选中在不同浏览器中的兼容性问题探讨
Sep 18 Javascript
DOM节点深度克隆函数cloneNode()用法实例
Jan 12 Javascript
js实现匹配时换色的输入提示特效代码
Aug 17 Javascript
jquery实现漫天雪花飞舞的圣诞祝福雪花效果代码分享
Aug 20 Javascript
JavaScript操作表单实例讲解(上)
Jun 20 Javascript
js与jquery正则验证电子邮箱、手机号、邮政编码的方法
Jul 04 Javascript
JavaScript的new date等日期函数在safari中遇到的坑
Oct 24 Javascript
webstrom Debug 调试vue项目的方法步骤
Jul 17 Javascript
将RGB值转换为灰度值的简单算法
Oct 09 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
PHP Pear 安装及使用
2009/03/19 PHP
php实现ip白名单黑名单功能
2015/03/12 PHP
php实现JWT(json web token)鉴权实例详解
2019/11/05 PHP
js null,undefined,字符串小结
2010/08/21 Javascript
JS完整获取IE浏览器信息包括类型、版本、语言等等
2014/05/22 Javascript
用js判断是否为360浏览器的实现代码
2015/01/15 Javascript
JS实现Fisheye效果动感放大菜单代码
2015/10/21 Javascript
理解JavaScript表单的基础知识
2016/01/25 Javascript
jQuery插件实现文件上传功能(支持拖拽)
2020/08/27 Javascript
Javascript使用uploadify来实现多文件上传
2016/11/16 Javascript
JavaScript利用正则表达式替换字符串中的内容
2016/12/12 Javascript
原生js实现类似fullpage的单页/全屏滚动
2017/01/22 Javascript
详解AngularJS 路由 resolve用法
2017/04/24 Javascript
浅谈在fetch方法中添加header后遇到的预检请求问题
2017/08/31 Javascript
快速了解vue-cli 3.0 新特性
2018/02/28 Javascript
详解angular分页插件tm.pagination二次触发问题解决方案
2018/07/20 Javascript
玩转Koa之koa-router原理解析
2018/12/29 Javascript
详解vue中router-link标签所必备了解的属性
2019/04/15 Javascript
微信小程序蓝牙连接小票打印机实例代码详解
2019/06/03 Javascript
vue 实现模糊检索并根据其他字符的首字母顺序排列
2019/09/19 Javascript
js实现单元格拖拽效果
2020/02/10 Javascript
[01:30]我们共输赢 完美世界城市挑战赛开启全新赛季
2019/04/19 DOTA
fastcgi文件读取漏洞之python扫描脚本
2017/04/23 Python
python中日志logging模块的性能及多进程详解
2017/07/18 Python
Python3 queue队列模块详细介绍
2018/01/05 Python
关于python 跨域处理方式详解
2020/03/28 Python
python对批量WAV音频进行等长分割的方法实现
2020/09/25 Python
一款简洁的纯css3代码实现的动画导航
2014/10/31 HTML / CSS
如何在Cookie里面保存Unicode和国际化字符
2013/05/25 面试题
C语言笔试题
2014/09/04 面试题
奥巴马经典演讲稿
2014/09/13 职场文书
国家税务局领导班子对照检查材料思想汇报
2014/10/04 职场文书
2015年入党积极分子培养考察意见
2015/08/12 职场文书
使用CSS3实现按钮悬停闪烁动态特效代码
2021/08/30 HTML / CSS
MySQL数据库超时设置配置的方法实例
2021/10/15 MySQL
Spring JPA 增加字段执行异常问题及解决
2022/06/10 Java/Android