根据select的不同值隐藏部分表单

select默认值：--  其他值：java   net 
<div id="d1"></div> 
<div id="d2"></div> 
选择java时把d1隐藏起来  只显示d2；选择net时，d1和d2都显示
<select id="gstype"> 
<option value="">--</option> 
<option value="java">java</option> 
<option value="net">net</option> 
</select> <div id="d1" style="display:none;"></div> 
<div id="d2" style="display:none;"></div> 该怎么实现   急呀   求解

解决方案 »

  1.   

    用select的onChange事件就可以了啊
      

  2.   

    <select id="gstype" onchange="testShow();"> 
    <option value="">--</option> 
    <option value="java">java</option> 
    <option value="net">net</option> 
    </select> function testShow(){
    var values = document.getElementById("gstype").value;
    if(values=="java"){
    document.getElementById("d1").style.display = "none";
    }else{
    document.getElementById("d1").style.display = "block";
    document.getElementById("d2").style.display = "block";
    }
    }
      

  3.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title>H W</title>
    <script language="javascript">
    function _onchange() {
    var sel = document.getElementById("gstype");
    if (sel.value == "java") {
    document.getElementById("d1").style.display = "none";
    document.getElementById("d2").style.display = "";
    } else if (sel.value == "net") {
    document.getElementById("d1").style.display = "";
    document.getElementById("d2").style.display = "";
    } else {
    document.getElementById("d1").style.display = "none";
    document.getElementById("d2").style.display = "none";
    }
    }
    </script>
    </head>
    <body>
    <select id="gstype" onChange="_onchange()"> 
    <option value="">--</option> 
    <option value="java">java</option> 
    <option value="net">net</option> 
    </select> 
    <div id="d1" style="display:none;">d1</div> 
    <div id="d2" style="display:none;">d2</div> 
    </body>
    </html>