利用xml数据岛实现多级聯動

    應用XML 可以輕松實現以往JS 實現起來較複雜的多級聯動的實例,

<select name=year></select>
<select name=month></select>
<select name=date></select>
<select name=clock></select>
<input name=result>

<script>
       //arrSel定义了要修改的下拉框和xml数据的节点名称
       var arrSel=["year","month","date","clock"];
</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)
......{
     var i,j,arrTemp=[];
     for(i=0;i<num;i++)
           arrTemp[i]=document.all(arrSel[i]).options[document.all(arrSel[i]).selectedIndex].text
 
     if(num==arrSel.length)
    ......{
     //这里处理最后的数据
      document.all("result").value="您中了("+arrTemp+")";return;
     }
 
     //document.all(arrSel[num]) 這個是選取某個Option而設,跟下面這句聯用 :options[length++].text=obj.childNodes[i].getAttribute("value");    
     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 方式進行遞歸選取
         // 如用if 則得具體指定它的路徑,如:            objNode.SelectSingleNode(“/Company/Department/Employees/Employee”)
          //if(num>0)
          //      obj=obj.selectSingleNode(arrSel[num-1]+'[@value="'+arrTemp[num-1]+'"]');

      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>