for (var opt of document.querySelectorAll('#DropList option'))
{ 
  opt.remove();
}

这个解决方案也适用于optgroups。

如果你必须支持IE，并且你的选择列表中有超过100个项目，我强烈建议你考虑用这样的函数替换选择:

function clearOptions(select) {
    var selectParentNode = select.parentNode;
    var newSelect = select.cloneNode(false); // Make a shallow copy
    selectParentNode.replaceChild(newSelect, select);
    return newSelect;
}

select参数应该是jquery选择器或文档中的元素。getElementBy电话。这样做的唯一缺点是，您丢失了连接到select的事件，但是当它从函数返回时，您可以轻松地重新附加它们。我正在处理一个有~3k项的选择，在IE9上清除选择需要4秒钟，这样我就可以用新内容更新它。这样做几乎是瞬间的事。

var select = document.getElementById("DropList");
var length = select.options.length;
for (i = 0; i < length; i++) {
  select.options[i].remove();
}

希望，这段代码能帮到你

如果你正在使用JQuery，并且你的选择控件的ID为“DropList”，你可以这样删除它的选项:

$('#DropList option').remove();

实际上，它适用于任何选项列表，如数据列表。

希望能有所帮助。

我认为这是最好的sol. is $("#myselectid").html(");

今天我也遇到了同样的问题，我在重新加载选择框时做了如下操作。(在纯JS中)

        var select = document.getElementById("item");
        select.options.length = 0;
        var opt = document.createElement('option');
        opt.value = 0;
        opt.innerHTML = "Select Item ...";
        opt.selected = "selected";
        select.appendChild(opt);


       for (var key in lands) {
            var opt = document.createElement('option');
            opt.value = lands[key].id;
            opt.innerHTML = lands[key].surveyNo;
            select.appendChild(opt);

        }