利用xml数据岛实现多级关联下拉选择框的做法

王朝html/css/js·作者佚名  2006-01-08
窄屏简体版  字體: |||超大  

<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

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>

秋水无恨 :)

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
 
© 2005- 王朝網路 版權所有 導航