注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

天涯倦客的博客

祝福你朋友永远快乐!

 
 
 

日志

 
 

无法完全删除select下所有option的问题?  

2012-11-20 15:34:36|  分类: JS |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
我的代码是:
  /*
    *删除全部的select的option
   */
  function removeAll(){
   var _selectId = "select";
   var _select =document.getElementById(_selectId);
   for(var i=0;i<_select.options.length;i++){
     _select.options.remove(i);
   }
  }
  这样造成了只有单数索引没有被删除,最后经同事提示,select的index是会发生变化的,例如:
    索引:0     1      2      3       4    
      值  :aa    ab     ac     ad      ae
  当我删除了索引为0的aa后,数据的排列是:
      索引:0     1      2      3
      值  :ab    ac     ad    ae
  所以上面的i递增的时候就把单数给漏掉了。
  解决问题的班房有两种:
     代码1:
       function removeAll(){
        var _selectId = "select";
        var _select =document.getElementById(_selectId);
        for(var i=0;i<_select.options.length;){
          _select.options.remove(i);
        }
       }
     代码2:
       function removeAll(){
         var _selectId = "select";
         var _select =document.getElementById(_selectId);
         for(var i=select.options.length;i>0;i--){
           _select.options.remove(i-1);
         }
       }
  评论这张
 
阅读(724)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017