快捷導(dǎo)航

js 調(diào)整select 位置的函數(shù)

更新時(shí)間：2008年02月21日 21:29:50 作者：

js 調(diào)整select 位置的函數(shù)，向上移動(dòng)，向下移動(dòng)，移動(dòng)到最上，移動(dòng)到最后這里把項(xiàng)目中寫過的幾個(gè)js函數(shù)來給大家分享，功能是通過js來實(shí)現(xiàn)對(duì)select 中的option的位置進(jìn)行移動(dòng)，代碼如下

//   排序：向上移動(dòng)
  function   Up()
  ...{
     var   sel=document.getElementById("selectCheck");  //獲取select
     var   nIndex   =   sel.selectedIndex;   //需要進(jìn)行操作的select 項(xiàng)的索引
     var   nLen   =   sel.length;   //select 總共項(xiàng)目數(shù)
     if   ((nLen<1)||(nIndex==0))   return;
     if   (nIndex<0)
     ...{
        alert("請(qǐng)選擇一個(gè)要移動(dòng)的已選按鈕！");
        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;
  }
  //   排序：向下移動(dòng)
  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("請(qǐng)選擇一個(gè)要移動(dòng)的已選按鈕！");
       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;
   }
   //移動(dòng)到最上
   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("請(qǐng)選擇一個(gè)要移動(dòng)的已選按鈕！");
          return;
      }
      var tempValue = document.getElementById("tempValue");//用于臨時(shí)存放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;
   }
   //移動(dòng)到最后
   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("請(qǐng)選擇一個(gè)要移動(dòng)的已選按鈕！");
          return;
      }
      var tempValue = document.getElementById("tempValue");//用于臨時(shí)存放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;
   }