关于js问题 帮帮我吧！

 <script type="text/javascript">
function changeDiv(v)
{
for(var i=1;i<=8;i++)
{
document.getElementById("div"+i).style.display="none";
}
document.getElementById("div"+v).style.display="block";
}
</script>这个呢是select 的onchang事件 通过js呢我控制option下的选项的每个层 
现在我还想控制另一个 不在option下的层
谁能帮帮啦！就是在function上应该怎么写

解决方案 »

  1.   

    <script type="text/javascript">
    function changeDiv(v)
    {
    for(var i=1;i<=8;i++)
    {
    document.getElementById("div"+i).style.display="none";document.getElementById("div"+v).style.display="block";
    }}
    </script>如果这样写要保证v     option最大值也是8
      

  2.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function showSelect() {
    var select = document.inputForm.inputSelect.value;

    for (var i = 1; i <= 4; i++) {
    document.getElementById("a" + i).style.display = "none";
    document.getElementById("a" + select).style.display = "block";
    }
    }
    //-->
    </SCRIPT>
    </HEAD><BODY>
    <form action="" method="post" name="inputForm">
      <select name="inputSelect" onchange="showSelect()">
    <option value="请选择" checked="checked">请选择</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
      </select><div id="a1" style="display:none">1</div>
    <div id="a2" style="display:none">2</div>
    <div id="a3" style="display:none">3</div>
    <div id="a4" style="display:none">4</div></form>
    </BODY>
    </HTML>
      

  3.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function showSelect() {
    var select = document.inputForm.inputSelect.value;

    for (var i = 1; i <= 4; i++) {
    document.getElementById("a" + i).style.display = "none";
    document.getElementById("a" + select).style.display = "block";
    }
    }
    //-->
    </SCRIPT>
    </HEAD><BODY>
    <form action="" method="post" name="inputForm">
      <select name="inputSelect" onchange="showSelect()">
    <option value="请选择" checked="checked">请选择</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
      </select><div id="a1" style="display:none">1</div>
    <div id="a2" style="display:none">2</div>
    <div id="a3" style="display:none">3</div>
    <div id="a4" style="display:none">4</div></form>
    </BODY>
    </HTML>