js实现xml的多级联动上拉框
js实现xml的多级联动下拉框另外发现有人说用树的方式会更灵活和方便，如图??花了半天时间实现一个多级联动
js实现xml的多级联动下拉框
另外发现有人说用树的方式会更灵活和方便，如图
?
?
花了半天时间实现一个多级联动下拉框，目的是对某一植物进行“门纲目科属”的归类。使用的技术是javascript+xml，之所以不用数据库，一来这方面的数据虽然量大但都是固定不变的，二来不希望加重服务器的负担，第三是因为这种多级从属关系的数据不太适合放在数据库里。
这是大概的思路：
1、读取xml文件
2、当一个下拉框选中某选项时，根据该选项，当前节点指向下一层，进入下一层下拉框的设置
3、取消当前下拉框的禁用，禁用下一层的下拉框
4、清空当前下拉框的选项
5、根据当前节点读取xml的数据，设置下拉框选项
6、返回步骤2
代码：
JavaScript
可以实现上下级下拉框的联动，支持无序选择，若向上重新选择，下下层下拉框将自动被禁用，下层下拉框选项也会相应改变。
有一点不足是，因为数据量实在太大，这样5个下拉框仍然可能出现某下拉框有几百甚至几千个选项，此时就失去了下拉框的意义，因此正在考虑是否应该做成输入框的形式，或者像搜索引擎那样带有输入提示功能，研究中，欢迎拍砖。
PS：重新修改了一下，可以支持FireFox了，这可真是麻烦的工程：FireFox的JavaScript的Element对象中没有selectNodes()方法，只有调用childNodes()或者getElementsByTagName()；并且在FireFox中，xml中节点对应childNodes()的索引是1,3,5,7...，也就是说，如果你想读取xml某个节点下的第i个子节点，正常我们就会写someNode.childNodes[i-1]，但在FireFox就必须写作someNode.childNodes[i*2-1]。
另外在使用数组时，IE允许把小括号当成中括号使用（即someArray[i]和someArray(i)均合法），FireFox则不行，所以最好统一写someArray[i]。
