转自:往事如风
前段时间，由于项目原因，需要实现无限分类，就设计了一个无限分类的数据结构，然后又有了联动的要求，上网找了好久，没找到合适的，基本上都是定了级数的，要不就是不怎么好用的，只好自己写了，用到的数据结构当然就是实现无限分类的那张表的结构了，嘿嘿。
下面这个是个简单的无限分类联动下拉框类，在我后面的文章，会介绍更复杂的:-)。
好了，代码就这些了，大家可以存下来，运行就可以看到效果的。
有三个文件：sort.js，sortArr.js，test.htm。
sortArr.js就是所需要的数据：
![[转]无限联动下拉框](/default/index/img?u=L2RlZmF1bHQvaW5kZXgvaW1nP3U9TDBsdFlXZGxjeTlQZFhSc2FXNXBibWRKYm1ScFkyRjBiM0p6TDA1dmJtVXVaMmxt "[转]无限联动下拉框")
var arrSorts = new Array(35);
arrSorts[0] = ["1", "主类别一", "0"];
arrSorts[1] = ["2", "主类别二", "0"];
arrSorts[2] = ["3", "主类别三", "0"];
arrSorts[3] = ["4", "小类一", "1"];
arrSorts[4] = ["5", "小类二", "1"];
arrSorts[5] = ["6", "小类三", "1"];
arrSorts[6] = ["7", "细类一", "4"];
arrSorts[7] = ["8", "细类二", "4"];
arrSorts[8] = ["9", "细类三", "4"];
arrSorts[9] = ["10", "小类四", "2"];
arrSorts[10] = ["11", "小类五", "2"];
arrSorts[11] = ["12", "小类六", "2"];
arrSorts[12] = ["13", "细类四", "5"];
arrSorts[13] = ["14", "细类五", "5"];
arrSorts[14] = ["15", "末类一", "7"];
arrSorts[15] = ["16", "末类二", "7"];
arrSorts[16] = ["17", "末类三", "7"];
arrSorts[17] = ["18", "终极类一", "15"];
arrSorts[18] = ["19", "终极类二", "15"];
arrSorts[19] = ["20", "终极类三", "15"];
arrSorts[20] = ["21", "终极类四", "16"];
arrSorts[21] = ["22", "终极类五", "16"];
arrSorts[22] = ["23", "终极类六", "16"];
arrSorts[23] = ["24", "末类四", "8"];
arrSorts[24] = ["25", "末类五", "8"];
arrSorts[25] = ["26", "末类六", "8"];
arrSorts[26] = ["27", "末类七", "9"];
arrSorts[27] = ["28", "末类八", "9"];
arrSorts[28] = ["29", "末类九", "9"];
arrSorts[29] = ["30", "终极类七", "17"];
arrSorts[30] = ["31", "终极类八", "17"];
arrSorts[31] = ["32", "终极类九", "17"];
arrSorts[32] = ["33", "终极类十", "24"];
arrSorts[33] = ["34", "终极类十一", "24"];
arrSorts[34] = ["35", "终极类十二", "24"];
arrSorts[35] = ["36", "终极类十三", "24"];
用了别人现成的数据，表示感谢。
sort.js就是主要部分了，我写成了类的形式。
![]()
最后是测试用页面test.htm的代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript" src="sortArr.js"></script>
<script language="javascript" src="sort.js"></script>
</HEAD>
<BODY>
<P id=abc> </P><INPUT id=txtSortID name=txtSortID>
<P id=selBox> </P><INPUT id=SortID name=SortID>
![]()
这个联动只需要指定容器和存放选中值的页面控件名称，有问题可以联系我。
ok，任务完成，撤退。
相关文章：