开发者社区> 问答> 正文

如何删除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.贴上相关截图
screenshot

展开
收起
杨冬芳 2016-06-20 17:46:42 2336 0
1 条回答
写回答
取消 提交回答
  • IT从业

    2019-07-17 19:44:25
    赞同 展开评论 打赏
问答分类:
问答地址:
相关产品:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载