如何清除下拉框中的所有选项？

清除整个下拉列表非常容易，我们所要做的就是创建一个按钮，它调用一个执行删除的函数。
我们看一下删除部分的语法：

document.getElementById("idofdropdownlist").innerHTML = "";

在这里，它获取给定 Id 中存在的所有元素，然后通过将所有对象分配为 null 来清除，如果未分配给 null，则仍然保留对象。
方法1：查看代码：

  

  
    Which character is your favorite guardian?
      
        
            
            Guardians
            Quill
            Gamora
            Drax
            rocket
            groot
            mantis
        
  
        
        
  
        
            function myFunction() {
                //clears all the guardians with the specified id
                document.getElementById("guardian").innerHTML =
                    null;
            }
        

  

输出：

方法二：
此过程不仅删除了选项，还删除了下拉框。
查看代码：

  

  
    Which character is your favorite guardian?
  
    
        
        Guardians
        Quill
        Gamora
        Drax
        rocket
        groot
        mantis
    
  
    
    
  
    
        function myFunction() {
            //process the options in a loop and removes them
            document.querySelectorAll(
              '#guardian').forEach(guardian => guardian.remove())
                //here, guardian inside the for is a variable not id.
        }
    

  

输出：

这些方法适用于所有浏览器。