欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-06-28 14:52:36
    多级联动下拉选择框,动态获取下一级,每一级数据为xml,可支持无限级(浏览器端需要microsoft.xmldom支持) &...

    多级联动下拉选择框,动态获取下一级,每一级数据为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>

完整源代码下载