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

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

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