js控制下来列表是不是可以用问题


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Untitled Document</title>
    </head>
    <body>
<script>
 function change(index){
   if(index==0){
        document.getElementsByName("x2")[0].style.display="";
document.getElementsByName("x3")[0].style.display="none";  
   }
   else if(index==1){
        document.getElementsByName("x2")[0].style.display="none";
document.getElementsByName("x3")[0].style.display="";     }else{
        document.getElementsByName("x2")[0].style.display="none";
document.getElementsByName("x3")[0].style.display="none";  
  }

}
</script>
第一个下拉 <select name="x1" onchange='change(this.options[this.selectedIndex].value)'> 
  <option value="0">0 </option> 
  <option value="1">1 </option> 
  <option value="2">2 </option> 
  </select> 
第2个下拉 <select name="x2" > 
  <option value="0">0 </option> 
  <option value="2">1 </option> 
  <option value="3">2 </option> 
  </select> 
第3个下拉 <select name="x3" style='display:none;'> 
  <option value="0">0 </option> 
  <option value="1">1 </option> 
  <option value="2">2 </option> 
  </select>     </body>
</html>

解决方案 »

  1.   

    基于楼上：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>Untitled Document</title>
        </head>
        <body>
    <script>
    function change(value)
    {
        if (value == "0")
        {
            document.getElementById("x2").disabled = false;
            document.getElementById("x3").disabled = true;
        }
        else if (value == "1")
        {
            document.getElementById("x2").disabled = true;
            document.getElementById("x3").disabled = false;
        }
        else
        {
            document.getElementById("x2").disabled = true;
            document.getElementById("x3").disabled = true;  
        }
    }
    </script>
    第一个下拉 <select name="x1" id="x1" onchange='javascript:change(this.options[this.selectedIndex].value)'> 
      <option value="0">0 </option> 
      <option value="1">1 </option> 
      <option value="2">2 </option> 
      </select> 
    第2个下拉 <select name="x2" id="x2" disabled>
      <option value="0">0 </option> 
      <option value="2">1 </option> 
      <option value="3">2 </option> 
      </select> 
    第3个下拉 <select name="x3" id="x3" disabled>
      <option value="0">0 </option> 
      <option value="1">1 </option> 
      <option value="2">2 </option> 
      </select>
        </body>
    </html>