关联菜单!

http://211.147.17.8/was40/test.html
怎么样实现选择了类别之后,两个选择专业的菜单都可以联动啊?

---------------------------------------------------------------

1<select name="year"></select>
1<select name="month"></select>
1<select name="date"></select>
1<select name="clock"></select>
1<input name="result"/>
1<script>   
2var arrSel=["year","month","date","clock"];//arrSel定义了要修改的下拉框和xml数据的节点名称   
3</script>
 1<xml id="xmldata">
 2<xmldata>
 3<year value="2000">
 4<month value="4">
 5<date value="14">
 6<clock value="一点"></clock>
 7<clock value="三点"></clock>
 8</date>
 9<date value="17">
10<clock value="一点"></clock>
11</date>
12</month>
13<month value="5">
14<date value="15">
15<clock value="一点"></clock>
16<clock value="四点"></clock>
17<clock value="七点"></clock>
18</date>
19</month>
20</year>
21<year value="2001">
22<month value="7">
23<date value="16">
24<clock value="一点"></clock>
25<clock value="五点"></clock>
26<clock value="九点"></clock>
27</date>
28</month>
29</year>
30</xmldata>
31</xml>
 1<script>   
 2function qswhXml(num){   
 3/******* by qiushuiwuhen(2002-5-17) ********/   
 4var i,j,arrTemp=[];   
 5for(i=0;i<num;i++)arrTemp[i]=document.all(arrSel[i]).options[document.all(arrSel[i]).selectedIndex].text   
 6if(num==arrSel.length){//这里处理最后的数据。   
 7document.all("result").value="选中了("+arrTemp+")";return;   
 8}   
 9with(document.all(arrSel[num])){   
10length=0   
11var obj=document.all.xmldata.XMLDocument.childNodes[0];   
12for(i=0;i<num;i++)obj=obj.selectSingleNode(arrSel[i]+'[@value="'+arrTemp[i]+'"]');   
13for(i=0;i<obj.childNodes.length;i++)options[length++].text=obj.childNodes[i].getAttribute("value");   
14onchange=new Function("qswhXml("+(num+1)+")");   
15onchange();   
16}   
17}   
18qswhXml(0);   
19</script>
Published At
Categories with Web编程
comments powered by Disqus