从选择 jQuery 中删除所有选项 - JavaScript

当我们需要清空一个选择框（select）的所有选项时，可以使用 jQuery 中的 empty() 方法来达到目的。

代码示例

HTML

<select id="mySelect">
  <option value="1">选项一</option>
  <option value="2">选项二</option>
  <option value="3">选项三</option>
</select>

JavaScript

// 获取选择框对象
let mySelect = $('#mySelect');

// 清空选择框中的选项
mySelect.empty();

解释说明

上述代码中，我们首先获取了选择框对象，然后使用 empty() 方法清空了该选择框中的所有选项。

empty() 方法会从指定的元素中删除所有后代节点，包括文本节点和元素节点。因此，在执行 empty() 方法之后，选择框中就不再有任何选项了。

值得注意的是，使用 empty() 方法只会删除元素节点和文本节点，而不会删除属性节点。如果需要同时删除元素节点、文本节点和属性节点，可以使用 remove() 方法。

总结

使用 jQuery 中的 empty() 方法可以很方便地清空一个选择框中的所有选项，让我们的页面更加美观。