移除(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);

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