欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-09-08 12:48:25
javascript  删除select中的所有option的实例 方法一: function deleteoptions() {...

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

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