(不是很完美)select列表项关联.docVIP

(不是很完美)select列表项关联 用JS做select多级关联，需要提前知道是几级。创建对应的几个select元素标签 首先。用ASP循环全部的类型，不管是之类还是父类，查看设计时候是几级类别，对应的手动创建几个select标签项，并未他们设置ID值（就手动设置这块麻烦，本来想编个全部自动生成（创建）select的想想还是算了，所以说不完美）。 循环全部的类型要包括这几个项目：数据库中的每行的：ID（唯一值），名称，以及父类ID 其中1级类型为空就行了。 然后用对应的javascript二维数组全部接受，array[][]其中一维是一个序列的意思，二维是具体内容， 循环一维 开始， 读取二维中的 存储父类ID的元素， 判断二维中那些上面提到的父类ID=的就是一级列表。 在创建一个option对象（select下的每一项就是一个option对象）； 设置option对象的值和显示文本 值是上面提到的库中取出的ID（唯一项），显示文本是类型名称； 加入到已有的select元素标签中。 一级标签因为是不变的，并且一开始就是可见全部内容的所以它只运行一次，在body onload=函数运行， 这样显示一级类别就显示出来了 接下来显示二级内容。 二级内容改变的条件是在选择一级列表选项时候，那么在一级类（父类）列表元素上设置onchange事件运行（写好函数） 具体是：选择一类时，读取选择项的值（不是可见显示的名称） 在循环一维函数， 提取二维函数中的父类ID=刚刚提取的值。 如果相等的那么表示一级列表的选择项有下级列表， 那么创建optiong 设置值和显示文本， 加入已经有的二级select对象中去通过ID获取对象。 三级也是这么显示 下面是具体函数 我+了隐藏每一级类表。 /********************************************** listMeun(parid,chiid) 用法：parid表示当前元素子级的ID ，但是因为一级列表是不变的，所以只运行一次，这个运行一次在body onload=listMeun(,one); 运行， 或者一级select标签后面用JS代码运行。 chiid是表示下级ID。 listArray数组需要ASP循环在script 标签内循环出来。 预先设置好几级关联列表，在每级上加上onchange=listMeun(自己ID,下级ID)； 其中每级列表都包括在samp id=two1 style=display:none中是用来隐藏自己的，当本级无内容时候隐藏。其中ID是有规则设定的，为列表ID+1； *************************************/ !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / titleselect关联/title script type=text/javascript //用ASP循环出类型的多维数组 //首先创建1个二维数组 //数组的第一维的每个元素存储的都是一个子数组,且每个子数组中都有3个元素,分别表示列表菜单的value值,显示文本(对应ASP数据库中的ID,name),还有一个显示父级ID //其中顶级类别的父元素为空或0等自己设定,如:list[0]=new Arrary(ID值,显示text,父级ID); var listArray=new Array(); //listArray[listArray.length]=new Array(1,一级菜单1,-1); listArray[listArray.length]=new Array(1,一级1菜单,-1); listArray[listArray.length]=new Array(11,二级1子菜单1,1); listArray[listArray.length]=new Array(12,二级1子菜单2,1); listArray[listArray.length]=new Array(13,二级1子菜单3,1); listArray[listArray.length]=new Array(2,一级2菜单,-1); listArray[listArray.length]=new Array(21,二级2子菜单1,2); listArray[listArray.length]=new Array(22,二