javascript  刪除select中的所有option的實例

方法一：

function DeleteOptions()   {     var obj = document.getElementsByTagName("select")[0];     var selectOptions = obj.options;     var optionLength = selectOptions.length;     for(var i=0;i <optionLength;i++)     {       obj.removeChild(selectOptions[0]);     }   }  

方法二：(那右邊的Select中的所有option移到左邊的Select) 

function MoveAllRightBtn(){     var columnlength=$('queryColumn').length;     var TempText;     var TempValue;     for(var i=0;i<columnlength;i++){       TempText=$('queryColumn').options[i].text;       TempValue=$('queryColumn').options[i].value;       $('queryColumn').remove(i);       $('SearchqqueryColumn').options.add(new Option(TempText,TempValue));     }   } 

 以上兩個方法都不夠好！因為它們一次性都冊除不了，因為刪除了一個它的$('queryColumn')在option的序號就變了！
都好的方法是：

$('SearchqqueryColumn').options.length = 0; 

 或：

<script> function clearOption() {   document.getElementById("testSelect").options.length = 0; } </script>  

 (那右邊的Select中的所有option移到左邊的Select)實現如下：

function MoveAllRightBtn(){     var columnlength=$('queryColumn').options.length;     var TempText;     var TempValue;     for(var i=0;i<columnlength;i++){       TempText=$('queryColumn').options[i].text;       TempValue=$('queryColumn').options[i].value;       $('SearchqqueryColumn').options.add(new Option(TempText,TempValue));     }     $('queryColumn').options.length = 0;   } 

如有疑問請留言或者到本站社區交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！