jquery清空select

使用 jQuery 清空 select 元素

jQuery 提供了多种方法清空 <select> 元素的内容，以下是几种常见的方式：

方法一：使用 .empty() 方法
.empty() 会移除 <select> 中所有 <option> 子元素：

$('#yourSelectId').empty();

方法二：直接设置 HTML 为空
通过 .html('') 清空内容：

$('#yourSelectId').html('');

方法三：移除所有子元素
使用 .children().remove() 逐个移除子元素：

$('#yourSelectId').children().remove();

方法四：保留默认选项（仅清空动态添加的选项）
若需保留默认选项（如第一个 <option>），可通过筛选移除其他选项：

$('#yourSelectId option:not(:first)').remove();

注意事项

• 若需清空后重新填充选项，确保先调用清空方法再添加新选项。
• 对多选 <select multiple> 同样适用上述方法。

示例代码

// 清空并添加新选项
$('#yourSelectId').empty().append('<option value="">请选择</option>');