这是一条很短的路:

document.getElementById('mySelect').innerText = null;

一行，没有for，没有JQuery，很简单。

今天我也遇到了同样的问题，我在重新加载选择框时做了如下操作。(在纯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);

        }

最简单的解决方案是最好的，所以你只需要:

var list = document.getElementById('list'); while (list.firstChild) { list.removeChild (list.firstChild); ｝ <选择id = "列表" > <选项值= " 0 " > 0 < /选项> <选项值= " 1 " > 1 > < /选项 < /选择>

这是一种现代的纯JavaScript

document.querySelectorAll('#selectId option').forEach(option => option.remove())

对于Vanilla JavaScript，有一种简单而优雅的方法来做到这一点:

for(var o of document.querySelectorAll('#DropList > option')) {
  o.remove()
}

可以使用以下命令清除所有元素。

var select = document.getElementById("DropList");
var length = select.options.length;
for (i = length-1; i >= 0; i--) {
  select.options[i] = null;
}