如何使用 jQuery 从选择元素中删除选项？

任务是使用 jQuery 从选择元素中删除选项元素。

方法：

• 从 select 中选择需要删除的选项。
• 使用 JQuery remove()方法从 HTML 文档中删除选项。

示例 1：此示例使用remove() 方法删除了 which val = 'val_1'的选项。

  

    
        JQuery | Remove options from select.
    
    
    

  

      
            GeeksForGeeks  
        
    
    
    
         Val_1
         Val_2
         Val_3
         Val_4
    
    
    
    
        click here
    
    
    
    
        $('#GFG_UP').text(
          'Click on the button to '+
          'remove a option from select');
        
        $('button').on('click', function() {
            $("option[value='val_1']").remove();
            $('#GFG_DOWN').text(
              'option with val_1 is removed!');
        });
    

  

输出：

• 在到达底部之前：
  
• 到达底部后：
  

示例 2：此示例使用remove() 方法删除了 which class = 'val'的选项。

  

    
        JQuery | Remove options from select.
    
    
    

  

      
            GeeksForGeeks  
        
    
    
    
        
          Val_1
      
         
          Val_2
      
        
          Val_3
      
         
          Val_4
      
    
    
    
    
        click here
    
    
    
    
        $('#GFG_UP').text(
          'Click on the button to remove a option from select');
        $('button').on('click', function() {
            $("option[class='val']").remove();
            $('#GFG_DOWN').text(
              'option with class = "val" are removed!');
        });
    

  

输出：

• 在到达底部之前：
  
• 到达底部后：