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; } 如有疑問請留言或者到本站社區交流討論，感謝閱讀，希望能幫助到大家，謝謝大家對本站的支持！
新聞熱點
疑難解答
