XML多级联动下拉选择框实例代码

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

以上就是XML多级联动下拉选择框实例代码的全部内容了,有看不懂的地方随时都可以来询问小编,小编会给大家耐心讲解,如果需要,可以来收藏下js.aizhan.com网站。