急需求助, 需要一个多联 <select> 框的例子....谢!!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head><body>
<script language="JavaScript" type="text/JavaScript">
  var po_detail_show = new Array();
  var po_detail_value = new Array();  
      po_detail_show[0]=new Array();
      po_detail_value[0]=new Array();    
     po_detail_show[0][0]='请选择案由具体类型';
      po_detail_value[0][0]='';
     
        po_detail_show[0][1]='伤人';
        po_detail_value[0][1]=60;
      
        po_detail_show[0][2]='抢劫';
        po_detail_value[0][2]=59;
      
        po_detail_show[0][3]='杀人';
        po_detail_value[0][3]=63;
      
      po_detail_show[1]=new Array();
      po_detail_value[1]=new Array();    
     po_detail_show[1][0]='请选择案由具体类型';
      po_detail_value[1][0]='';
     
        po_detail_show[1][1]='偷窃';
        po_detail_value[1][1]=62;
      
      po_detail_show[2]=new Array();
      po_detail_value[2]=new Array();    
     po_detail_show[2][0]='请选择案由具体类型';
      po_detail_value[2][0]='';
     
        po_detail_show[2][1]='诈骗';
        po_detail_value[2][1]=61;
      
        po_detail_show[2][2]='走私';
        po_detail_value[2][2]=64;
      
      po_detail_show[3]=new Array();
      po_detail_value[3]=new Array();    
     po_detail_show[3][0]='请选择案由具体类型';
      po_detail_value[3][0]='';
     
      po_detail_show[4]=new Array();
      po_detail_value[4]=new Array();    
     po_detail_show[4][0]='请选择案由具体类型';
      po_detail_value[4][0]='';
     function Do2_po_Change(form){        var num,n, i, m;
        num= GetObjID('anyou');
        m = document.form1.elements[num].selectedIndex-1;
        n = document.form1.elements[num + 1].length;        //if(document.form1.area_id.value==0){
          ///   document.all("px").style.display="none";
       // }
       // else{
            // document.all("px").style.display="";
       // }        for(i = n - 1; i >= 0; i--)
                document.form1.elements[num + 1].options[i] = null;        if (m>=0) {
        for(i = 0; i < po_detail_show[m].length; i++){
                NewOptionName = new Option(po_detail_show[m][i], po_detail_value[m][i]);
                document.form1.elements[num + 1].options[i] = NewOptionName;
        }
        document.form1.elements[num + 1].options[0].selected = true;
        }
}function GetObjID(ObjName)
{
  for (var ObjID=0; ObjID < window.form1.elements.length; ObjID++)
    if ( window.form1.elements[ObjID].name == ObjName )
    {  return(ObjID);
       break;
    }
  return(-1);
}
</script>
<select name="anyou" id="anyou" onclick='Do2_po_Change(this);'>
          <option value="" selected>请选择案由大类</option>
          
          
          <option value="33">刑事类</option>
          
          <option value="34">治安类</option>
          
          <option value="35">经济类</option>
          
          <option value="36">交通类</option>
          
          <option value="37">其他类</option>
          
        </select> <select name="minanyou" id="minanyou">
          <option value="" selected>请选择案由具体类型</option>
        </select>
</body>
</html>

解决方案 »

  1.   

    不好意思，刚才发的，少一点东西，现在不上了
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head><body>
    <form action="" method="get" name="form1"><script language="JavaScript" type="text/JavaScript">
      var po_detail_show = new Array();
      var po_detail_value = new Array();  
          po_detail_show[0]=new Array();
          po_detail_value[0]=new Array();    
         po_detail_show[0][0]='请选择案由具体类型';
          po_detail_value[0][0]='';
         
            po_detail_show[0][1]='伤人';
            po_detail_value[0][1]=60;
          
            po_detail_show[0][2]='抢劫';
            po_detail_value[0][2]=59;
          
            po_detail_show[0][3]='杀人';
            po_detail_value[0][3]=63;
          
          po_detail_show[1]=new Array();
          po_detail_value[1]=new Array();    
         po_detail_show[1][0]='请选择案由具体类型';
          po_detail_value[1][0]='';
         
            po_detail_show[1][1]='偷窃';
            po_detail_value[1][1]=62;
          
          po_detail_show[2]=new Array();
          po_detail_value[2]=new Array();    
         po_detail_show[2][0]='请选择案由具体类型';
          po_detail_value[2][0]='';
         
            po_detail_show[2][1]='诈骗';
            po_detail_value[2][1]=61;
          
            po_detail_show[2][2]='走私';
            po_detail_value[2][2]=64;
          
          po_detail_show[3]=new Array();
          po_detail_value[3]=new Array();    
         po_detail_show[3][0]='请选择案由具体类型';
          po_detail_value[3][0]='';
         
          po_detail_show[4]=new Array();
          po_detail_value[4]=new Array();    
         po_detail_show[4][0]='请选择案由具体类型';
          po_detail_value[4][0]='';
         function Do2_po_Change(form){        var num,n, i, m;
            num= GetObjID('anyou');
            m = document.form1.elements[num].selectedIndex-1;
            n = document.form1.elements[num + 1].length;        //if(document.form1.area_id.value==0){
              ///   document.all("px").style.display="none";
           // }
           // else{
                // document.all("px").style.display="";
           // }        for(i = n - 1; i >= 0; i--)
                    document.form1.elements[num + 1].options[i] = null;        if (m>=0) {
            for(i = 0; i < po_detail_show[m].length; i++){
                    NewOptionName = new Option(po_detail_show[m][i], po_detail_value[m][i]);
                    document.form1.elements[num + 1].options[i] = NewOptionName;
            }
            document.form1.elements[num + 1].options[0].selected = true;
            }
    }function GetObjID(ObjName)
    {
      for (var ObjID=0; ObjID < window.form1.elements.length; ObjID++)
        if ( window.form1.elements[ObjID].name == ObjName )
        {  return(ObjID);
           break;
        }
      return(-1);
    }
    </script>
    <select name="anyou" id="anyou" onclick='Do2_po_Change(this);'>
              <option value="" selected>请选择案由大类</option>
              
              
              <option value="33">刑事类</option>
              
              <option value="34">治安类</option>
              
              <option value="35">经济类</option>
              
              <option value="36">交通类</option>
              
              <option value="37">其他类</option>
              
            </select> <select name="minanyou" id="minanyou">
              <option value="" selected>请选择案由具体类型</option>
            </select>
    </body>
    </form>
    </html>
      

  2.   

    不是要这样的.. 你这个效果代码我有了... 
    请看清楚一点啊.我要的是, 本来页面上只有一个 Select 框. 点了第一个后
    第二个才出现.秋水老大, 帮忙写个简单的例子吧. 实在是急用!
      

  3.   


    <select id=sel onchange=c(selectedIndex,demo)>
    <option>1
    <option>2
    <option>3
    </select>
    <span id=demo></span><script>
    sel.selectedIndex=-1;
    var i=0,arr=new Array();
    arr[i++]=["a","b","c"];
    arr[i++]=["d","e","f"];
    arr[i++]=["g","h","i"];
    function c(idx,obj){
    obj.innerHTML="<select name=sel2><option>"+arr[idx].join("</option><option>")+"</option></select>"
    }
    </script>
      

  4.   

    不好意思, 可不可以再请教一下你代码里的两处用法....1.arr[i++]=["a","b","c"];这个 arr[i++] 是什么意思?  不是直接 arr=["a","b","c"]; 就可以了么?2.arr[idx].join("</option><option>")这句又是什么意思? 看不大懂... 呵~ 菜鸟问题,望多指教. :)
      

  5.   

    看一下gceclub.sun.com.cn里的用户注册页面，那个效果一定是你需要的，哈哈看一下就知道了。