JavaScript 移除option选项的方法

发布时间:2020-05-10编辑:脚本学堂
本文介绍下,javacript实现移除option选项的方法,有需要的朋友参考学习下。

javascript 添加option选项类似,移除选项的方式也有很多种。

首先,可以使用DOM的removeChild()方法,为其传入要移除的选项。
例子:
 

复制代码 代码示例:
var selectbox = document.getElementById("selLocation");
selectbox.removeChild(selectbox.options[0]);  //移除第一个选项

其次,可以使用选择框的reomve()方法。这个方法接受一个参数,即要移除选项的索引。
例子:
 

复制代码 代码示例:
selectbox.remove(0);  //移除第一个选项

方式三,将相应选项设置为null。
这中方式也是DOM出现之前浏览器的遗留机制。例如:
selectbox.option[0] = null;  //移除第一个选项
要清除选择框中所有的项,需要迭代所有选项并逐个移除它们。
例子:
 

复制代码 代码示例:
function clearSelectbox(selectbox) {
    for (var i = 0, len = selectbox.options.length; i < len; i++) {
        selectbox.remove(0);
    }
}
clearSelectbox(selectbox);
 

这个函数每次值移除选择框中的第一个选项。
由于移除第一个选项后,所有后续选项都会自动向上移动一个位置,因此重复移除第一个选项就可以移除所有选项。

>>> 您可能感兴趣的文章:
JavaScript 移动和重排option选项的方法
JavaScript 选择option选项的方法
JavaScript 添加option选项的方法
js 添加、修改、删除select中option元素的实现代码
js动态添加与删除 select option的代码
javasript 操作select中option的常用方法
js获取select下拉标签中option的属性值
js删除select下拉列表框中option选项的多种方法(附代码)
js移动(增加删除)select option的实现代码
js 控制select下拉列表框中option选项的上下移动
Js动态添加select的option选项的代码
javascript操作Select options集合的实例介绍
JS动态添加与删除option选项的代码
js页面跳转 option location页面跳转的代码实例