与添加选项类似,移除选项的方式也有很多种。首先,可以使用DOM的removeChild()方法,为其传入要移除的选项,如下面的例子所示:
selectbox.removeChild(selectbox.options[0]); //移除第一个选项
其次,可以使用选择框的remove()方法。这个方法接受一个参数,即要移除选项的索引,如下面的例子所示:
selectbox.remove(0); //移除第一个选项
最后一种方式,就是将相应选项设置为null。这种方式也是DOM出现之前浏览器的遗留机制。
selectbox.options[0]=null; //移除第一个选项
要清除选择框中所有的项,需要迭代所有选项并逐个移除它们,如下面的例子所示:
<script type="text/javascript"> function clearSelectbox(selectbox){ for(var i=0,len=selectbox.options.length; i<len; i++){ selectbox.remove(i); } } </script>
这个函数每次只移除选择框中的第一个选项。由于移除第一个选项后,所有后续选项都会自动向上移动一个位置,因此重复移除第一个选项就可以移除所有选项了。