多级联动下拉选择框,动态获取下一级

8/8/2004来源:xml技巧人气:30511

    多级联动下拉选择框,动态获取下一级,每一级数据为xml,可支持无限级(浏览器端需要Microsoft.XMLDOM支持)

    项目需要,一个材料类别表,三级,总共有7000多条记录,如果一次获取会很慢的,所以就是用了动态读取,每次就读一级,且服务器端使用了缓存,效率还不错。

HTML代码如下:

<select name="MaterialClass1" ChildSelectName="MaterialClass2"></select>
<select name="MaterialClass2" ChildSelectName="MaterialClass3"></select>
<select name="MaterialClass3"></select>
'www.knowsky.com
其中ChildSelectName表示下一级Select的name

其中的一个xml如下:

<MaterialClasses>
<MaterialClass MaterialClassCode="01" Description="黑色及有色金属"/>
<MaterialClass MaterialClassCode="02" Description="水泥、砂石砖瓦、砼"/>
<MaterialClass MaterialClassCode="03" Description="木、竹材及其制品"/>
</MaterialClasses>

完整源代码下载