您当前的位置:首页 > 网站建设笔记 >

javascript 选择框脚本-移除选项

来源:JavaScript 高级程序设计0

与添加选项类似,移除选项的方式也有很多种。首先,可以使用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>

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

建站咨询

在线咨询真诚为您提供专业解答服务

咨询热线

137 1731 25507×24小时服务热线

微信交流

二维码终于等到你,还好我没放弃
返回顶部