如何删除select元素下的全部option选项？

使用for循环，利用removeChild或选择框的remove方法以及将选项设置为null都没办法完全删除所有选项。

1.贴上相关代码

DOM部分：

<select name="cars" id="cars">
    <option class="benz" value="benz">benz</option>
    <option class="bmw" value="bmw">bmw</option>
    <option class="volvo" value="volvo">volvo</option>
</select>

js部分：

<script>
var selection = document.getElementById("cars");
for (var i = 0; i < selection.options.length; i++) {
    // selection.removeChild(selection.options[i]);
    // selection.remove(i);
    // selection.options[i] = null;
};
</script>

1.贴上报错信息

没有输出任何报错的信息，无论是for循环上三种代码中的哪一个都会导致select元素下始终有一个bmw的选项。

1.贴上相关截图