软件开发培训班 >> 编程开发 >> JavaScript

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

<!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){

技术文章快速查找

JavaScript游戏之优化篇

一个关于jqGrid使用的小例子(行按钮)

用于deeplink的js方法(判断手机是否安装app)

让js弹出窗口居前显示的实现方法

用Javascript 获取页面元素的位置的代码

jQuery的显示和隐藏方法与css隐藏的样式对比

jquery toggle faq 春江花月夜版

jQuery ajax cache缓存问题

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建