大数据量下的select框全选的效率问题

一个multiple的select框,   里面有7000个option,     我用下面的js(我看过一般都是这样写的)实现全选时需时60秒,   问有没有方式可以快速全选的??谢谢  
   
      function   checkall(form)  
  {  
          var   mlist   =   document.getElementById('com_selected');  
          for(var   i=0;i<mlist.options.length;i++)  
          {  
                  var   e=mlist.options[i];  
                  e.selected=form.selectall.checked;  
          }  
  } 

 

 

TRY:   
  
< div    id ="dv" > &nbsp; </ div >< p >    
  
< script    language ="javascript" >    
  
var   obj   =   new   Array();   
  
for(i=0;i<7000;i++){   
  obj[i]   
=   "<option   value=""+i+"">opt   "+i+"</option>";   
  }
   
  
var   selectstr   =   "<select   id="st"   size="20"   style="width:80%"   multiple>"+obj.join('')+"</select>"   
  dv.innerHTML   
=   selectstr;   
    
  
function   selectAllA(obj){   
  
var   n   =   obj.children.length;   
  
for(var   b=0;b<n;b++){   
  obj.children[b].selected   
=   true;   
  }
   
  }
   
    
  
function   selectAllB(obj){   
  
var   oldstr   =   obj.outerHTML;   
  
var   reg   =   /<option/ig;   
  
var   newstr   =   oldstr.replace(reg,"<option   selected");   
  dv.innerHTML   
=   newstr;   
  }
   
    
  
</ script >    
  
< p >    
  
< input    type ="button"    value ="Select   All   A"    onclick ="selectAllA(st);" >    
  
< input    type ="button"    value ="Select   All   B"    onclick ="selectAllB(st);" >

 

< html >    
    
  
< head >    
  
< meta    http-equiv ="Content-Type"    content ="text/html;   charset=gb2312" >    
  
</ head >    
    
  
< body >    
  
< form    name =formA >    
  
< input    name =selectall    type =checkbox    onclick ="document.getElementById('com_selected').style.visibility='hidden';setTimeout('checkall(document.formA);',10)"     >    
  
< select    name =com_selected    multiple   size =10    >    
  
< script >    
  
for(var   i=0;i<7000;i++)   
  document.write(
"<option   value=1>"+i+"</option>");   
  
</ script >    
  
</ select >    
  
</ form >    
  
</ body >    
    
  
</ html >    
    
  
< script >    
  
function   checkall(form)   
  
{   
          
var   mlist   =   document.getElementById('com_selected');   
          
var   mlistOptions=mlist.options;   
          
var   trueOrFalse=form.selectall.checked;   
          
for(var   i=mlistOptions.length-1;i>-1;i--)   
          
{   
                  mlistOptions[i].selected
=trueOrFalse;   
          }
   
          mlist.style.visibility
="";   
  }
   
  
</ script >
Top

  
    
  1。尽量减少for循环里对象的调用层次   
          var   e=mlist.options[i];   
          e.selected=form.selectall.checked;   
          //mlist.options可以拿到循环外取   
          //form.selectall.checked也可以拿到循环外取   
    
    
  2。select是个怪胎,可以先把它隐藏再改option的选中状态,改完后再显示select,以减少显示时间

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值