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

javascript 删除select中的所有option的实例方法一：functionDeleteOptions(){varobj=document.getElementsBy

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

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

js删除select中的所有option的实例 详解js 删除select中所有的option