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

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

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

HTML代码如下:

1<select childselectname="MaterialClass2" name="MaterialClass1"></select>
1<select childselectname="MaterialClass3" name="MaterialClass2"></select>
1<select name="MaterialClass3"></select>

'www.domain.com
其中ChildSelectName表示下一级Select的name

其中的一个xml如下:

1<materialclasses>
2<materialclass description="黑色及有色金属" materialclasscode="01"></materialclass>
3<materialclass description="水泥、砂石砖瓦、砼" materialclasscode="02"></materialclass>
4<materialclass description="木、竹材及其制品" materialclasscode="03"></materialclass>
5</materialclasses>

完整源代码下载

Published At
Categories with Web编程
Tagged with
comments powered by Disqus