如何删除选择框的所有选项，然后添加一个选项并使用 JQuery 选择它？

给定一个带有固定数量选项的选择框，任务是删除所有选项，然后添加一个选项并立即使用 jQuery 选择该特定选项。有两种方法可以实现这一目标：

方法一：使用 find()、remove()、 end()和 append() 方法

在下面的示例中，创建了一个带有一些选项和一个按钮元素的选择框。该按钮还具有 onclick 属性，这意味着在单击按钮时，将执行该属性中指定的脚本或函数。

我们使用带有“ option ”参数的find()方法选择选择框中的所有选项。然后，我们使用remove()方法删除所有选定的选项。我们使用end()方法将选择恢复为选择框。要添加一个选项，可以使用append()方法。 append()方法中的参数是一个字符串，其中包含要添加到选择框的选项的 HTML 标记。

示例：在以下示例中，创建了一个包含 4 个选项的选择框。单击按钮时，将删除所有选项并添加一个新选项。

HTML



  
    
  
    
    
  
  
    GeeksforGeeks
    
       jQuery - Remove all options of select box 
       then add one option and select it

HTML



  
    
  
    
    
  
  
    GeeksforGeeks
    
      jQuery - Remove all options of select box 
      then add one option and select it

输出：

方法 2：使用 empty() 和 append() 方法

我们不是选择所有选项，删除它们，然后添加一个选项，而是直接清空或删除选择框的所有子节点。使用empty()方法删除子节点，然后使用append()方法添加一个新选项。 append()方法中的参数是一个字符串，其中包含要添加到选择框的选项的 HTML 标记。

例子：

HTML



  
    
  
    
    
  
  
    GeeksforGeeks
    
      jQuery - Remove all options of select box 
      then add one option and select it

输出：