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

多级联动下拉选择框，这玩意儿在实际项目中太常见了。动态加载下一级数据，每一级都从XML里读，理论上可以无限级往下延伸——当然，前提是浏览器端得支持Microsoft.XMLDOM。这个方案的关键在于：每次只加载当前级，不一次性全拉下来，对性能非常友好。

之前有个项目，材料类别表分了三级，总共七千多条记录。如果一次性全部获取，加载速度肯定惨不忍睹。所以果断用了动态读取，每次只读一级，服务器端再加一层缓存，效率直接就上来了。

HTML代码结构如下：

其中ChildSelectName这个自定义属性，指向下一级下拉框的name，这样就能串起来形成联动。

随便拿一个XML数据片段看看：

完整源代码可以下载，这里就不贴全了，需要的直接拿。