把其他的信息放在<div>或<table>中,根据选择的操作用JS控制它们的display属性

解决方案 »

  1.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>无标题文档</title>
    </head><body>
    <script>
    function aa(){
    if(document.a1.selected){
    document.b1.disalbe==false
    document.b3.disable==true
    document.b4.disable=true
    }
    if(document.a2.selected){
    document.b3.disalbe==false
    document.b1.disable==true
    document.b2.disable=true
    }
    if(document.a3.selected){
    document.select2.disable
    }
    }
    </script>
    <form name="form1" method="post" action="">
      <br>
      <select name="select" onChange="aa()">
        <option selected  id="a1">张三1</option>
        <option id="a2">李撕2</option>
        <option id="aa3">王五3</option>
        <option id="a4">无4</option>
      </select>
      <select name="select2" >
        <option id="b1"  disabled>名字1</option>
        <option id="b2" disabled>邮件2</option>

    <option id="b3" disabled>名字11</option>
    <option id="b4" disabled>邮件22</option>

      </select>
    </form>
    </body>
    </html>