js的联动菜单实现.docx
《js的联动菜单实现.docx》由会员分享，可在线阅读，更多相关《js的联动菜单实现.docx（11页珍藏版）》请在冰豆网上搜索。
js的联动菜单实现
JS联动菜单类
By 没有鱼的水发表于2007-8-42:
54:
00
DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
JS联动下拉框
functionCLASS_LIANDONG_YAO（array）
{
//数组，联动的数据源
this.array=array;
this.indexName='';
this.obj='';
//设置子SELECT
//参数：
当前onchange的SELECTID，要设置的SELECTID
this.subSelectChange=function（selectName1,selectName2）
{
//try
//{
varobj1=document.all[selectName1];
varobj2=document.all[selectName2];
varobjName=this.toString（）;
varme=this;
obj1.onchange=function（）
{
me.optionChange（this.options[this.selectedIndex].value,obj2.id）
}
}
//设置第一个SELECT
//参数：
indexName指选中项,selectName指select的ID
this.firstSelectChange=function（indexName,selectName）
{
this.obj=document.all[selectName];
this.indexName=indexName;
this.optionChange（this.indexName,this.obj.id）
}
//indexName指选中项,selectName指select的ID
this.optionChange=function（indexName,selectName）
{
varobj1=document.all[selectName];
varme=this;
obj1.length=0;
obj1.options[0]=newOption（"请选择",''）;
for（vari=0;i {
if（this.array[i][1]==indexName）
{
//alert（this.array[i][1]+""+indexName）;
obj1.options[obj1.length]=newOption（this.array[i][2],this.array[i][0]）;
}
}
}
}
请选择
//例子1-------------------------------------------------------------
//数据源
vararray=newArray（）;
array[0]=newArray（"华南地区","根目录","华南地区"）;//数据格式ID，父级ID，名称
array[1]=newArray（"华北地区","根目录","华北地区"）;
array[2]=newArray（"上海","华南地区","上海"）;
array[3]=newArray（"广东","华南地区","广东"）;
//--------------------------------------------
//这是调用代码
varliandong=newCLASS_LIANDONG_YAO（array）//设置数据源
liandong.firstSelectChange（"根目录","s1"）;//设置第一个选择框
liandong.subSelectChange（"s1","s2"）;//设置子级选择框
js联动菜单
2009-01-0919:
44
这是一个完整的JS连动实例。
联动下拉菜单
--
functionsele（op）{
switch（op）{
case"湖北":
vararr=newArray（"武汉","宜昌","黄石","武穴","十堰","天门","神龙架"）;break;
case"湖南":
vararr=newArray（"长沙","株洲","怀化"）;break;
case"河南":
vararr=newArray（"洛阳","濮阳"）;break;
case"河北":
vararr=newArray（"秦皇岛","沧州"）;break;
}
document.form.city.options.length=1
for（i=0;ivarobj=newOption（）
obj.text=arr[i]
obj.value=arr[i]
document.form.city.options[document.form.city.options.length]=obj
}
}
//-->
--请选择--
湖北
湖南
河南
河北
--请选择--