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 相关文章推荐
通过Unicode转义序列来加密,按你说的可以算是混淆吧
May 06 Javascript
网络之美 JavaScript中Get和Set访问器的实现代码
Sep 19 Javascript
DIV菜单层实现代码
Nov 19 Javascript
jQuery登陆判断简单实现代码
Apr 21 Javascript
兼容IE、firefox以及chrome的js获取时间(getFullYear)
Jul 04 Javascript
jQuery on方法传递参数示例
Dec 09 Javascript
基于jQuery实现仿QQ空间送礼物功能代码
May 24 Javascript
webpack中引用jquery的简单实现
Jun 08 Javascript
一个简单不报错的summernote 图片上传案例
Jul 11 Javascript
JS中Safari浏览器中的Date
Jul 17 Javascript
JS根据json数组多个字段排序及json数组常用操作
Jun 06 Javascript
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
Nov 25 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中防止直接访问或查看或下载config.php文件的方法
2012/07/07 PHP
教你如何用php实现LOL数据远程获取
2014/06/10 PHP
PHP实现QQ快速登录的方法
2016/09/28 PHP
利用PHP访问MySql数据库的逻辑操作以及增删改查的实例讲解
2017/08/30 PHP
PHP JWT初识及其简单示例
2018/10/10 PHP
Jquery Autocomplete 结合asp.net使用要点
2010/10/29 Javascript
jquery操作select大全
2014/04/25 Javascript
node.js中的path.resolve方法使用说明
2014/12/08 Javascript
DOM事件阶段以及事件捕获与事件冒泡先后执行顺序(图文详解)
2015/08/18 Javascript
js实现的tab标签切换效果代码分享
2015/08/25 Javascript
基于jQuery全屏焦点图左右切换插件responsiveslides
2015/09/07 Javascript
表单验证插件Validation应用的实例讲解
2015/10/10 Javascript
JavaScript获取当前cpu使用率的方法
2015/12/15 Javascript
详解jquery事件delegate()的使用方法
2016/01/25 Javascript
javascript正则表达式总结
2016/02/29 Javascript
Javascript使用SWFUpload进行多文件上传
2016/11/16 Javascript
基于jQuery实现表格的排序
2016/12/02 Javascript
解决vue attr取不到属性值的问题
2018/09/18 Javascript
JavaScript实现好看的跟随彩色气泡效果
2020/02/06 Javascript
[01:36:17]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第一场 1月31日
2021/03/11 DOTA
python通过pil模块获得图片exif信息的方法
2015/03/16 Python
Python全局变量用法实例分析
2016/07/19 Python
利用python对Excel中的特定数据提取并写入新表的方法
2018/06/14 Python
Python 找到列表中满足某些条件的元素方法
2018/06/26 Python
celery4+django2定时任务的实现代码
2018/12/23 Python
python实现微信机器人: 登录微信、消息接收、自动回复功能
2019/04/29 Python
opencv导入头文件时报错#include的解决方法
2019/07/31 Python
Python2.7:使用Pyhook模块监听鼠标键盘事件-获取坐标实例
2020/03/14 Python
keras处理欠拟合和过拟合的实例讲解
2020/05/25 Python
阿迪达斯意大利在线商店:adidas意大利
2016/09/19 全球购物
Java Servlet API中forward() 与redirect()的区别
2014/04/20 面试题
大学生优秀团员事迹材料
2014/01/30 职场文书
十佳美德少年事迹材料
2014/02/05 职场文书
教师岗位聘任书范文
2014/03/29 职场文书
一帮一活动总结
2014/05/08 职场文书
法定代表人资格证明书
2015/06/18 职场文书