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对象及属性
Feb 13 Javascript
javascript框架设计读书笔记之字符串的扩展和修复
Dec 02 Javascript
setTimeout内不支持jquery的选择器的解决方案
Apr 28 Javascript
JQuery插件ajaxfileupload.js异步上传文件实例
May 19 Javascript
通过javascript进行UTF-8编码的实现方法
Jun 27 Javascript
详解利用exif.js解决ios手机上传竖拍照片旋转90度问题
Nov 04 Javascript
vue之数据交互实例代码
Jun 20 Javascript
js获取css的各种样式并且设置他们的方法
Aug 22 Javascript
vue ssr 指南详读
Jun 29 Javascript
原生JS实现旋转轮播图+文字内容切换效果【附源码】
Sep 29 Javascript
javascript+css实现进度条效果
Mar 25 Javascript
OpenLayers3实现图层控件功能
Sep 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
牡丹941资料
2021/03/01 无线电
BBS(php &amp; mysql)完整版(四)
2006/10/09 PHP
laravel withCount 统计关联数量的方法
2019/10/10 PHP
Javascript解决常见浏览器兼容问题的12种方法
2010/01/04 Javascript
前端开发必须知道的JS之原型和继承
2010/07/06 Javascript
js清空表单数据的两种方式(遍历+reset)
2014/07/18 Javascript
jQuery实现拖拽效果插件的方法
2015/03/23 Javascript
jQuery的ajax中使用FormData实现页面无刷新上传功能
2017/01/16 Javascript
Node.js+Express+MySql实现用户登录注册功能
2017/07/10 Javascript
基于vue.js的分页插件详解
2017/11/27 Javascript
使用D3.js+Vue实现一个简单的柱形图
2018/08/05 Javascript
详解基于vue-cli3.0如何构建功能完善的前端架子
2018/10/09 Javascript
JavaScript学习教程之cookie与webstorage
2019/06/23 Javascript
Vue(定时器)解决mounted不能获取到data中的数据问题
2020/07/30 Javascript
[04:26]2014DOTA2西雅图国际邀请赛 总决赛TOPPLAY
2014/07/22 DOTA
python切换hosts文件代码示例
2013/12/31 Python
利用Python抓取行政区划码的方法
2016/11/28 Python
Python基础教程之浅拷贝和深拷贝实例详解
2017/07/15 Python
R vs. Python 数据分析中谁与争锋?
2017/10/18 Python
基于循环神经网络(RNN)的古诗生成器
2018/03/26 Python
在Python中关于使用os模块遍历目录的实现方法
2019/01/03 Python
深度辨析Python的eval()与exec()的方法
2019/03/26 Python
深入了解Django中间件及其方法
2019/07/26 Python
python实现屏保程序(适用于背单词)
2019/07/30 Python
Canvas制作旋转的太极的示例
2018/03/09 HTML / CSS
DVF官方网站:美国时装界尊尚品牌
2017/08/29 全球购物
班组长安全职责
2014/01/05 职场文书
数控个人求职信范文
2014/02/03 职场文书
电脑售后服务承诺书
2014/03/27 职场文书
力学专业求职信
2014/07/23 职场文书
个人四风问题对照检查材料
2014/09/26 职场文书
装修公司工程部经理岗位职责
2015/04/09 职场文书
2016春季运动会通讯稿
2015/07/18 职场文书
2016教师学习党章心得体会
2016/01/15 职场文书
Node-Red实现MySQL数据库连接的方法
2021/08/07 MySQL
Apache POI的基本使用详解
2021/11/07 Servers