与添加选项类似,移除选项的方式也有很多种。首先,可以使用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);
这个函数每次值移除选择框中的第一个选项。由于移除第一个选项后,所有后续选项都会自动向上移动一个位置,因此重复移除第一个选项就可以移除所有选项。