JavaScript 如何同时清空下拉框中的optgroup和options

总结

在 JavaScript 中，要同时清空下拉框（<select> 元素）中的 optgroup 和 option 元素，可以通过以下步骤完成：

1. 获取下拉框元素: 使用 document.getElementById 或其他选择器获取 <select> 元素。
2. 清空子元素: 遍历并删除 <select> 元素下的所有子元素，包括 optgroup 和 option。可以直接设置 innerHTML 为空字符串，或使用循环逐个删除子元素。

代码示例：

javascript
复制代码
function clearDropdown(selectId) {
    // 获取下拉框元素
    var selectElement = document.getElementById(selectId);

    // 清空所有子元素
    while (selectElement.firstChild) {
        selectElement.removeChild(selectElement.firstChild);
    }
}

在上述代码中，while 循环会持续删除 <select> 元素中的第一个子节点，直到所有子节点被清空。

关键字

JavaScript, 清空, 下拉框, optgroup, options, select 元素, innerHTML, removeChild, DOM 操作