如何从选择框中删除项目？

可以使用 jQuery 中的 2 种方法从选择框中删除选项：

方法一：直接去掉框中的选项

通过获取选择框来选择要删除的选项。要删除的值在选择框的值选择器 (value=’optionValue’) 上指定。然后使用 remove()方法删除此选定选项。

句法：

$("selectBox option[value='optionValue']").remove()

例子：

    
      Removing an item from a select box
  

  

    
      GeeksForGeeks
  
    Removing an item from a select box
    
        Select one from the given options:
        
            
              Free
          
            
              Basic
          
            
              Premium
          
        
    
    Click the button below to 
      remove one option from the select box.
    
      Remove option
  
    
  
    
    
        function removeOption() {
  
            /* select the option with the 
            value of basic and remove the option*/
            $("#select1 option[value='basic']").remove();
        }
    

  

输出：

• 点击按钮前：
  
• 点击按钮后：
  

方法二：使用 find() 方法
find()方法可用于通过值选择器查找值中的选项。此方法搜索 DOM 中指定元素的后代，并从匹配的元素中创建一个新的 jQuery 对象。

首先选择选择框，然后将 find() 方法与值选择器一起应用以查找选项。然后使用 remove() 方法删除此选定选项。

句法：

$('selectBox').find('[value="basic"]').remove()

例子：

  

    
      Removing an item from a select box
  

  

    
      GeeksForGeeks
  
    
      Removing an item from a select box
  
    
        Select one from the given options:
        
            
              Free
          
            
              Basic
          
            
              Premium
          
        
    
    
      Click the button below to remove 
      one option from the select box.
  
    
      Remove option
  
    
  
    
        function removeOption() {
  
            /* select the option with the 
            value of basic and remove the option*/
            $('#select1').find('[value="basic"]').remove();
        }
    

  

输出：

• 点击按钮前：
  
• 点击按钮后：