这问题怎么解决


switch(document.form1.select.value)

改为
switch(document.getElementsByName("select").options[document.getElementsByName("select").selectedIndex].value)

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档 </title>
    </head>
    <style type="text/css">
    .itemDisplayON{
    display:block;
    }.itemDisplayOFF{
    display:none;
    }
    </style>
    <script language="javascript">
    function a(){
      switch(document.form1.select.value){
          case "1":
    document.getElementById("a").className="itemDisplayON";
    document.getElementById("b").className="itemDisplayOFF";
    document.getElementById("c").className="itemDisplayOFF"; break;
      case "2":
    document.getElementById("a").className="itemDisplayOFF";
    document.getElementById("b").className="itemDisplayON";
    document.getElementById("c").className="itemDisplayOFF";
    break;
      case "3":
    document.getElementById("a").className="itemDisplayOFF";
    document.getElementById("b").className="itemDisplayOFF";
    document.getElementById("c").className="itemDisplayON";
    break;
      default:
    alert(3);
    document.getElementById("a").className="itemDisplayOFF";
      }
    }
    </script>
    <body>
    <form id="form1" name="form1" method="post" action="">
      选择
      <label>
      <select name="select"  onchange="a()">
        <option>--请选择-- </option>
        <option value="1" onclick="a()">1 </option>
        <option value="2" onclick="a()">2 </option>
        <option value="3" onclick="a()">3 </option>
      </select>
      </label>
    </form>
      <div id="a" class="itemDisplayOFF">此处显示  id "a" 的内容 </div>
      <div id="b" class="itemDisplayOFF">此处显示  id "b" 的内容 </div>
      <div id="c" class="itemDisplayOFF">此处显示  id "c" 的内容 </div>
    </body>
    </html>
      

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
    <title>无标题文档 </title> 
    </head> 
    <script language="javascript"> 
    function a(value){ 
      switch(value){ 
          case "1": {
           document.getElementById("a").style.display="block"; 
         document.getElementById("b").style.display="none"; 
    document.getElementById("c").style.display="none"; }
                break; 
      case "2": {
          document.getElementById("b").style.display="block"; 
      document.getElementById("a").style.dispaly="none"; 
      document.getElementById("c").style.dispaly="none"; }
                break; 
      case "3": {
          document.getElementById("c").style.display="block"; 
      document.getElementById("a").style.display="none"; 
      document.getElementById("b").style.display="none"; }
                break; 
      default: 
        document.getElementById("a").style.display="none"; 
      } } 
    </script> <body> 
    <form id="form1" name="form1" method="post" action=""> 
      选择 
      <select name="select" onChange="a(document.form1.select.options[document.form1.select.selectedIndex].value)"> 
        <option>--请选择-- </option> 
        <option value="1">1 </option> 
        <option value="2">2 </option> 
        <option value="3">3 </option> 
      </select> </form> 
     <div id="a" style="display:none">此处显示  id "a" 的内容 </div> 
    <div id="b" style="display:none">此处显示  id "b" 的内容 </div> 
     <div id="c" style="display:none">此处显示  id "c" 的内容 </div> 
    </body> 
    </html>