`
tanglong8848
  • 浏览: 67197 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

javascript实现select中option的顺序上下移动

 
阅读更多
function sortUp(obj)//向上移动
  {
   var targetOptions=document.getElementById(obj);//提取操作的对象集合,也就是需要操作的select
   if(targetOptions!=undefined)
   {
    var length=targetOptions.options.length;
    if(length>0){
    
    for(index=0;index<length;index++)
    {
     if(targetOptions.options[index].selected)
     {
      if(index!=0)
      {
       var targetArr=targetOptions.options;//得到当前可操作项的数组
      
       var option=new Option();
       option.id=targetOptions.options[index-1].id;
       option.name=targetOptions.options[index-1].name;
       option.value=targetOptions.options[index-1].value;
       option.text=targetOptions.options[index-1].text; 
       
       targetOptions.options[index-1].id=targetOptions.options[index].id;
       targetOptions.options[index-1].name=targetOptions.options[index].name;
       targetOptions.options[index-1].value=targetOptions.options[index].value;
       targetOptions.options[index-1].text=targetOptions.options[index].text;      
       
       targetOptions.options[index]=option;
       
       targetOptions.options[index-1].selected=true;
       
       //connectID();connectText();
      }
     }
    }
    }else{
    alert("请先添加项!");
   }
   }else{
    alert("请先添加项!");
   }
  }
  
function sortDown(obj){//向下移动
   var targetOptions=document.getElementById(obj);//提取操作的对象集合,也就是需要操作的select
   if(targetOptions!=undefined){
    
    var length=targetOptions.options.length;
   
  if(length>0){
    for(index=0;index<length;index++)
    {
     if(targetOptions.options[index].selected)
     {
      if(index!=length-1)
      {
       var targetArr=targetOptions.options;//得到当前可操作项的数组
      
       var option=new Option();
       option.id=targetOptions.options[index+1].id;
       option.name=targetOptions.options[index+1].name;
       option.value=targetOptions.options[index+1].value;
       option.text=targetOptions.options[index+1].text;
       //option=targetOptions.options[index+1];
       
       targetOptions.options[index+1].id=targetOptions.options[index].id;
       targetOptions.options[index+1].name=targetOptions.options[index].name;
       targetOptions.options[index+1].value=targetOptions.options[index].value;
       targetOptions.options[index+1].text=targetOptions.options[index].text;      
       targetOptions.options[index]=option;
       targetOptions.options[index+1].selected=true;
       break;
      }
     }
    }
    
    }else{
    alert("请先添加项!");
   }
    
   }else{
    alert("请先添加项!");
   }
}

来自:http://blog.csdn.net/duxingke001/article/details/6325436
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics