求一个简单的级联下拉菜单的例子

我觉得还是先定义数据库将信息存进去
然后读出来：
<SELECT  class=editor >
 <OPTION >  
     ...
     
   </OPTION>           
     ...
   </SELECT>  
   这样就可以实现啦

解决方案 »

  1.   

    转贴： czcui1979(WAS害人) 的信息！
    程序自己再修一修
    比如日期的下拉框加一个事件
    月份的下拉框要和年份一样加onchange事件</HEAD>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function select(){
    var inCnt = 28 

    // 这里的日数自计算吧，然后把数据参数穿进去就可以 writeComboBox(inCnt); 
    }//-->
    </SCRIPT>
    <BODY>
    <FORM METHOD=POST ACTION="" name = "from1"><SELECT NAME="sel1" onchange="select()">
    <option value="2002">2002</option>
    <option value="2003">2003</option>
    <option  value="2004">2004</option>
    </SELECT>
    <SELECT NAME="sel2">
    <option value="01">01</option>
    <option value="02">02</option>
    <option value="03">03</option>
    <option value="04">04</option>
    <option value="05">05</option>
    <option value="06">06</option>
    <option value="07">07</option>
    <option value="08">08</option>
    <option value="09">09</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
    </SELECT>
    <div id="TEMP"></div><SCRIPT LANGUAGE="JavaScript">
    <!--
    function writeComboBox(cnt) {
    var strValue = ""; 
    strValue = "<select name=sel3>";
    for(i=1; i<=cnt; i++) {
    strValue = strValue + "<option name=bb value=" + i + ">" + i + "</option>";
    }
    strValue = strValue + "</select>";
    TEMP.innerHTML = strValue;
    }
    //-->
    writeComboBox(); 
    </SCRIPT>
    </FORM>
    </BODY>
    </HTML>
      

  2.   

    <select name=year></select>
    <select name=month></select>
    <select name=date></select>
    <select name=clock></select>
    <input name=result><script>
    var arrSel=["year","month","date","clock"];//arrSel定义了要修改的下拉框和xml数据的节点名称
    </script><xml id=xmldata>
     <xmldata>
      <year value="2000">
       <month value="4">
        <date value="14">
         <clock value="一点" />
         <clock value="三点" />
        </date>
        <date value="17">
         <clock value="一点" />
        </date>
       </month>
       <month value="5">
        <date value="15">
         <clock value="一点" />
         <clock value="四点" />
         <clock value="七点" />
        </date>
       </month>
      </year>
      <year value="2001">
       <month value="7">
        <date value="16">
         <clock value="一点" />
         <clock value="五点" />
         <clock value="九点" />
        </date>
       </month>
      </year>
     </xmldata>
    </xml><script>
    function qswhXml(num){
    /******* by qiushuiwuhen(2002-5-17) ********/
     var i,j,arrTemp=[];
     for(i=0;i<num;i++)arrTemp[i]=document.all(arrSel[i]).options[document.all(arrSel[i]).selectedIndex].text
     alert(num+":"+arrSel.length)
     if(num==arrSel.length){//这里处理最后的数据。
      document.all("result").value="选中了("+arrTemp+")";return;
     }
     with(document.all(arrSel[num])){
      length=0
      var obj=document.all.xmldata.XMLDocument.childNodes[0];
      for(i=0;i<num;i++)obj=obj.selectSingleNode(arrSel[i]+'[@value="'+arrTemp[i]+'"]');
      for(i=0;i<obj.childNodes.length;i++)options[length++].text=obj.childNodes[i].getAttribute("value");
      onchange=new Function("qswhXml("+(num+1)+")");
      onchange();
     }
    }
    qswhXml(0);
    </script>