javascript实现的树型下拉框改进版

ttx9n · 发表于 2008-9-24 23:24:24

发现上一个版本，如果数据顺序颠倒就会出现问题，现在加以改进，原理是先顺序加载根节点，在加载每个根节点后，再遍历每个数组，看有没有以这个根节点为父节点的数组，如果有，就加载到下拉框，然后再递归看有没有以这个节点为父结点的数组，如果有，再加载到下拉框，以此类推...
代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title> javascript树型菜单 author:sclsch@188.com</title> 
<meta name="generator" content="editplus" /> 
<meta name="author" content="" /> 
<meta name="keywords" content="" /> 
<meta name="description" content="" /> 
<script type="text/javascript"> 
var data =new Array();

data[0]= {id:'0',pid:'1',text:'河北'}; 
data[1]= {id:'1',pid:'-1',text:'中国'}; 
data[2]= {id:'2',pid:'6',text:'莫斯科'}; 
data[3]= {id:'3',pid:'0',text:'邯郸'}; 
data[4]= {id:'4',pid:'0',text:'石家庄'}; 
data[5]= {id:'5',pid:'3',text:'邯郸县'}; 
data[6]= {id:'6',pid:'-1',text:'俄罗斯'}; 
data[7]= {id:'7',pid:'5',text:'孙程亮 sclsch@188.com'};

function TreeSelector(item,data,rootId){ 
this._data = data; 
this._item = item; 
this._rootId = rootId;

} 
TreeSelector.prototype.createTree = function(){ 
var len =this._data.length; 
for( var i= 0;i<len;i++){ 
if ( this._data[i].pid == this._rootId){ 
this._item.options.add(new Option(".."+this._data[i].text,this._data[i].id)); 
for(var j=0;j<len;j++){ 
this.createSubOption(len,this._data[i],this._data[j]);

} 
} 
} 
}

TreeSelector.prototype.createSubOption = function(len,current,next){ 
var blank = ".."; 
if ( next.pid == current.id){ 
intLevel =0; 
var intlvl =this.getLevel(this._data,this._rootId,current); 
for(a=0;a<intlvl;a++) 
blank += ".."; 
blank += "├-"; 
this._item.options.add(new Option(blank + next.text,next.id));

for(var j=0;j<len;j++){ 
this.createSubOption(len,next,this._data[j]);

}

} 
}

TreeSelector.prototype.getLevel = function(datasources,topId,currentitem){

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

pwseqn1h · 发表于 2022-10-24 08:44:51

老衲笑纳了

idy6_yus · 发表于 2022-11-21 02:08:11

哟哟哟哟哟以偶

q42obh · 发表于 2022-11-28 12:37:30

2222222222222222

kwzc65wdj · 发表于 2023-1-17 21:23:54

了乐趣了去了去了去了去了

70r45_zs · 发表于 2023-2-2 03:44:10

哈哈哈哈哈哈哈

pwseqn1h · 发表于 2023-7-13 03:57:45

飞飞飞飞飞飞飞飞飞飞飞飞飞

a75620618 · 发表于 2023-7-13 17:42:36

啦啦啦啦啦德玛西亚

czoz5y · 发表于 2023-10-8 14:43:11

问问问企鹅哇哇哇哇哇

u7yxn9 · 发表于 2023-10-9 09:53:39

有什么好的服务器

账号		自动登录	找回密码
密码			立即注册

[JavaScript] javascript实现的树型下拉框改进版

相关帖子