首页 » JavaScript » 移除(option)选项

移除(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 标签为 . 将固定链接加入收藏.