使用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.贴上相关截图
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。