当前位置： 移动技术网 > IT编程>开发语言>JavaScript > javascript 删除select中的所有option的实例

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

2017年12月12日  | 移动技术网IT编程  | 我要评论

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

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网