javascript删除select中的所有option代码分享-js教程-PHP中文网

javascript删除select中的所有option代码分享

小云云

发布： 2018-02-06 09:18:12

原创

2885人浏览过

本文主要和大家介绍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的序号就变了！
都好的方法是：

立即学习“Java免费学习笔记（深入）”；

$('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; 
  }

登录后复制