document.getElementByTagName('DIV').length

解决方案 »

  1.   

    <script language=javascript>
    function sel_div(n)
    {
    var divs = document.all.tags("DIV")
    alert(divs.length)
    for(var i=0;i<divs.length;i++)
    {
    if(divs[i].id==n)
    {
    divs[i].style.display="";
    }
    else
    {
    divs[i].style.display="none";
    }
    }
    }
    </script>
    <select onchange=sel_div(this.value)>
    <option value=1>显示第1个div
    <option value=2>显示第2个div
    <option value=3>显示第3个div
    </select>
    <div id='1'>第1个div</div>
    <div id='2' style='display:none'>第2个div</div>
    <div id='3' style='display:none'>第3个div</div>
      

  2.   

    谢谢大家,海娃 的方法可以了,非常感谢如何使<select>和<div>显示在同一行上面顶端对齐呢?
      

  3.   

    <table>
    <td>
    <select onchange=sel_div(this.value)>
    <option value=1>显示第1个div
    <option value=2>显示第2个div
    <option value=3>显示第3个div
    </select>
    </td>
    <td>
    <div id='1'>第1个div</div>
    <div id='2' style='display:none'>第2个div</div>
    <div id='3' style='display:none'>第3个div</div>
    </td>
    </table>