function removeOptions(obj) {
    while (obj.options.length) {
        obj.remove(0);
    }
}

Try

document.getElementsByTagName("Option").length=0

或者可以查看removeChild()函数。

或者如果你使用jQuery框架。

$("DropList Option").each(function(){$(this).remove();});

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

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

使用JQuery是一种更漂亮、更短、更聪明的方法!

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

我想指出的是，最初问题中的问题在今天已经没有意义了。还有一个更简短的解决方案:

selectElement.length = 0;

我测试过，这两个版本都可以在Firefox 52、Chrome 49、Opera 36、Safari 5.1、IE 11、Edge 18、最新版本的Chrome、Firefox、三星互联网和UC浏览器(Android)、Safari (iPhone 6S)和Android 4.2.2常规浏览器上运行。我认为可以肯定地说，它与目前的任何设备都是完全兼容的，所以我推荐这种方法。

这是一条很短的路:

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

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