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 相关文章推荐
使用TextRange获取输入框中光标的位置的代码
Mar 08 Javascript
javascript 屏蔽鼠标键盘的几段代码
Jan 02 Javascript
Javascript String.replace的妙用
Sep 08 Javascript
在JavaScript中使用timer示例
May 08 Javascript
JavaScript匿名函数之模仿块级作用域
Dec 12 Javascript
JavaScript兼容性总结之获取非行间样式案例
Aug 07 Javascript
AngularJS集合数据遍历显示的实例
Dec 27 Javascript
javaScript动态添加Li元素的实例
Feb 24 Javascript
vue+iview/elementUi实现城市多选
Mar 28 Javascript
vuex 动态注册方法 registerModule的实现
Jul 03 Javascript
Webpack按需加载打包chunk命名的方法
Sep 22 Javascript
Vue 数据绑定的原理分析
Nov 16 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下载CSS文件中的所有图片【几行代码即可实现】
2016/12/14 PHP
php 删除指定文件夹的实例讲解
2017/07/25 PHP
JS效率个人经验谈(8-15更新),加入range技巧
2007/01/09 Javascript
刷新时清空文本框内容的js代码
2007/04/23 Javascript
基于jquery的修改当前TAB显示标题的代码
2010/12/11 Javascript
js 浏览器事件介绍
2012/03/30 Javascript
了解一点js的Eval函数
2012/07/26 Javascript
Jquery和JS用外部变量获取Ajax返回的参数值的方法实例(超简单)
2013/06/17 Javascript
Js中使用hasOwnProperty方法检索ajax响应对象的例子
2014/12/08 Javascript
JavaScript中的比较操作符&gt;、=、
2014/12/31 Javascript
javascript设计简单的秒表计时器
2020/09/05 Javascript
JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)
2015/12/13 Javascript
javascript产生随机数方法汇总
2016/01/25 Javascript
浅析JavaScript函数的调用模式
2016/08/10 Javascript
jQuery实现为LI列表前3行设置样式的方法【2种方法】
2016/09/04 Javascript
jQuery中的select操作详解
2016/11/29 Javascript
详解PHP中pathinfo()函数导致的安全问题
2017/01/05 Javascript
angular.fromJson与toJson方法用法示例
2017/05/17 Javascript
JavaScript定义及输出螺旋矩阵的方法详解
2017/12/01 Javascript
使用vue-router完成简单导航功能【推荐】
2018/06/28 Javascript
JavaScript实现的文本框placeholder提示文字功能示例
2018/07/25 Javascript
javascript创建元素和删除元素实例小结
2019/06/19 Javascript
Egg Vue SSR 服务端渲染数据请求与asyncData
2019/11/24 Javascript
python实现线程池的方法
2015/06/30 Python
Python基于列表模拟堆栈和队列功能示例
2018/01/05 Python
python画一个玫瑰和一个爱心
2020/08/18 Python
Python制作一个仿QQ办公版的图形登录界面
2020/09/22 Python
HTML5实现锚点时请使用id取代name
2013/09/06 HTML / CSS
Desigual美国官方网站:西班牙服装品牌
2019/03/29 全球购物
Timberland法国官网:购买靴子、鞋子、衣服、夹克和配饰
2019/11/30 全球购物
介绍一下Java中的Class类
2015/04/10 面试题
医科大学生的自我评价
2013/12/04 职场文书
餐饮收银员岗位职责
2014/02/07 职场文书
高中生思想道德自我评价
2015/03/09 职场文书
升学宴家长致辞
2015/07/27 职场文书
浅谈mysql返回Boolean类型的几种情况
2021/06/04 MySQL