UC知道ASP三级联动下拉菜单
来源：百度知道 编辑：UC知道 时间：2024/05/19 16:20:35
求ASP的三级联动下拉菜单（可以结合JavaScript）
要求数据库如下设计:
字段一 字段二 字段三
A a Aa1
A a Aa2
A a Aa3
A b Ab1
A b Ab2
B a Ba1
B a Ba2
B b Bb1
B c Bc1
B c Bc2
B c Bc3
B c Bc4
注：
最好是您的代码
或者是您的算法（请详细解释）
请不要复制粘贴一大片除select、option标签及其属性以外的html的代码，谢谢！
要求数据库如下设计:
字段一 字段二 字段三
A a Aa1
A a Aa2
A a Aa3
A b Ab1
A b Ab2
B a Ba1
B a Ba2
B b Bb1
B c Bc1
B c Bc2
B c Bc3
B c Bc4
注：
最好是您的代码
或者是您的算法（请详细解释）
请不要复制粘贴一大片除select、option标签及其属性以外的html的代码，谢谢！
这个也太简单了.....代码我就不贴了...我说说原理吧.
我的实现是支持无限制层次的联动.
首先就是数据库表设计.
从以上来讲应该把数据的存储方式设计为 树结构.
id 自动编号 当前结点ID
parentId 数值型 父结点ID
nodeName 文本型 结点名称
hasChild 数值型 子结点数
第一层 结点的parentId 可以使用 0
那么首先 通过AJAX加载每一层的数据.
从后台加载过来的数据格式为
{id:..
parentId:...
children:[...],
nodeName:".."
dom:document.createElement("select");
fillNode:function(){...}
...//其它
}
然后对每一层进行 渲染HTML
fillNode:function(){
for(var i=0;i<this.children.lenght;i++){
var option = document.createElement("option");
this.dom.add(op,this.dom.options.length);
option.text = this.children[i].nodeName;
option.value = this.children[i].id;
if(this.selected==this.children[i] && this.children[i].hasChild){
this.chil