嵌套DIV显示问题

<script language="javascript">
function Div_s()
{
   var len = document.all.ddd; 
  for(i=0;i <len.length;i++) 
  { 
  if(len[i].checked==true) 
  {
     document.getElementById(len[i].value).style.display='block';
  }
  else
  {
     document.getElementById(len[i].value).style.display='none';
  }
  }
   
}
</script>
<body>
<input type="checkbox" id="ddd" value="DIVSelect1"  onclick="Div_s()"/>DIVSelect1
<input type="checkbox" id="ddd" value="DIVSelect2"  onclick="Div_s()"/>DIVSelect2
<input type="checkbox" id="ddd" value="DIVSelect3"  onclick="Div_s()"/>DIVSelect3
<input type="checkbox" id="ddd" value="DIVSelect4"  onclick="Div_s()"/>DIVSelect4
<input type="checkbox" id="ddd" value="DIVSelect5"  onclick="Div_s()"/>DIVSelect5
<input type="checkbox" id="ddd" value="DIVSelect6"  onclick="Div_s()"/>DIVSelect6
<input type="checkbox" id="ddd" value="DIVSelect7"  onclick="Div_s()"/>DIVSelect7
<input type="checkbox" id="ddd" value="DIVSelect8"  onclick="Div_s()"/>DIVSelect8
<input type="checkbox" id="ddd" value="DIVSelect9"  onclick="Div_s()"/>DIVSelect9
<input type="checkbox" id="ddd" value="DIVSelect10" onclick="Div_s()"/>DIVSelect10
<div id="DIV1" style="height: 300px; width: 192px;float:left;overflow-y:auto;"> 
<div id="DIVSelect1" style="display:none">1 </div> 
<div id="DIVSelect2" style="display:none">2 </div> 
<div id="DIVSelect3" style="display:none">3 </div> 
<div id="DIVSelect4" style="display:none">4 </div> 
<div id="DIVSelect5" style="display:none">5 </div> 
<div id="DIVSelect6" style="display:none">6 </div> 
<div id="DIVSelect7" style="display:none">7 </div> 
<div id="DIVSelect8" style="display:none">8 </div> 
<div id="DIVSelect9" style="display:none">9 </div> 
<div id="DIVSelect10" style="display:none">10 </div> 
</div>
</body>
</html>
自己看看吧。功能基本就这样

解决方案 »

  1.   

    <script>
    function $(id){return document.getElementById(id);}
    function ShowDiv(){
      var d1=$('DIV1'),o=$('DIVSelect'+$('txtId').value);
      if(!o){alert("您输入的id不正确！");return;}
      if(document.all)  d1.scrollTop=o.offsetTop;
      else d1.scrollTop=o.offsetTop-d1.offsetTop;
    }
    </script><br/><br/><br/><br/><br/>
    请输入1-10：<input type='text' id='txtId'/><input type="button" onclick="ShowDiv()" value="显示前面指定的id"/>
    <div id="DIV1" style="height: 50px; width: 192px;float:left;overflow-y:auto;"> 
    <div id="DIVSelect1" >1 </div> 
    <div id="DIVSelect2" >2 </div> 
    <div id="DIVSelect3" >3 </div> 
    <div id="DIVSelect4" >4 </div> 
    <div id="DIVSelect5" >5 </div> 
    <div id="DIVSelect6" >6 </div> 
    <div id="DIVSelect7" >7 </div> 
    <div id="DIVSelect8" >8 </div> 
    <div id="DIVSelect9" >9 </div> 
    <div id="DIVSelect10" >10 </div> 
    </div>不知道是不是这个意思？