javascript 删除select中的所有option的实例

2019-11-19 15:25:26

字体：大中小

来源：转载

供稿：网友

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;   }

如有疑问请留言或者到本站社区交流讨论，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

上一篇：jQuery UI 实例讲解 - 日期选择器(Datepicker)

下一篇：基于Node.js模板引擎教程-jade速学与实战1