当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 采用DOM模型时创建一个Select节点后,要删除option项的解决方法

Javascript
用javascript实现的图片马赛克后显示并切换加文字功能
通用的javascript 换行色换列色的小js
滑动门,简洁,新手上路制作篇 (小鸽子系列)
文字模糊特效
javascript实现的又一个不错的滑动导航效果
css实现的图片模糊效果
javascript跟随鼠标x,y坐标移动的字效果
js实现用于建立新的一行且增加的四个文本框为空的且被禁用
XML+XSL 与 HTML 两种方案的结合
javascript生成/解析dom的CDATA类型的字段的代码
IE与FireFox的兼容性问题分析
关于脚本操作文本域的问题
刷新时清空文本框内容的js代码
又一个不错的js浮动广告代码
网页背景渐变效果代码
非常漂亮的让背景如此暗淡(一种弹出提示信息时页面背景色调改变的方法)
[原创]jser必看的破解javascript各种加密的反向思维方法
eval(function(p,a,c,k,e,d)系列解密javascript程序
从sohu弄下来的flash中展示图片的代码
漂亮的widgets,支持换肤和后期开发新皮肤(2007-4-27已更新1.7alpha)

Javascript 中的 采用DOM模型时创建一个Select节点后,要删除option项的解决方法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-08-10   浏览: 566 ::
收藏到网摘: n/a

     我在实际运用中,碰到了javascript的一个不足之处,是我摸索出来的一个删除option的算法。

     当创建了一个select节点以后,在每次刷新的时候不需要删除次节点,但是要更新该节点的内容(options),就必须要删除原来的options,估计是语言发明人的大意吧这一点做得不够好,不能全部删除,经过多次试验才发现删除时需要用一种算法。每次只能删除options长度的一半取整。实现过程如下:

     var select=document.createElement("select");

    var ooption=new Array();    

 for(var i=0;i<10;i++){

     ooption[i]=document.createElement("option");

    select.add(ooption[i]);

}//生成select节点

//删除的算法

while(length!=0){  
         var length=select.options.length;
       for(var i=0;i<length;i++)
             select.options.remove(i);
         length=length/2;
     }