js 調整select 位置的函數

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

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

//   排序：向上移動
  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;
   }