二级别联动菜单实现（1）

js 代码

1. <script language="javascript">   
2. onecount=0;   
3. subcat = new Array();   
4. subcat[0] = new Array('平面设计', '0', '1');   
5. subcat[1] = new Array('海报招贴', '1', '2');   
6. subcat[2] = new Array('包装宣传', '1', '3');   
7. subcat[3] = new Array('标志形象', '1', '4');   
8. subcat[4] = new Array('版式', '1', '5');   
9. subcat[5] = new Array('装帧', '1', '6');   
10. subcat[6] = new Array('CI/VI', '1', '7');   
11. subcat[7] = new Array('其他', '1', '8');   
12. subcat[8] = new Array('插画设计', '0', '9');   
13. subcat[9] = new Array('角色人物', '9', '10');   
14. subcat[10] = new Array('风景场景', '9', '11');   
15. subcat[11] = new Array('卡通动漫', '9', '12');   
16. subcat[12] = new Array('手绘涂鸦', '9', '13');   
17. subcat[13] = new Array('纯粹商业', '9', '14');   
18. subcat[14] = new Array('其他', '9', '15');   
19. subcat[15] = new Array('网页设计', '0', '16');   
20. subcat[16] = new Array('设计网站', '16', '17');   
21. subcat[17] = new Array('门户网站', '16', '18');   
22. subcat[18] = new Array('商业网站', '16', '19');   
23. subcat[19] = new Array('Flash网站', '16', '20');   
24. subcat[20] = new Array('silverlight', '16', '21');   
25. subcat[21] = new Array('技术网站', '16', '22');   
26. subcat[22] = new Array('性格个人', '16', '23');   
27. subcat[23] = new Array('其他', '16', '24');   
28. subcat[24] = new Array('互动设计', '0', '25');   
29. subcat[25] = new Array('flash动画', '25', '26');   
30. subcat[26] = new Array('flash游戏', '25', '27');   
31. subcat[27] = new Array('UI设计', '25', '28');   
32. subcat[28] = new Array('ICON', '25', '29');   
33. subcat[29] = new Array('其他', '25', '30');   
34. subcat[30] = new Array('建筑设计', '0', '31');   
35. subcat[31] = new Array('景观建筑', '31', '32');   
36. subcat[32] = new Array('室内装潢', '31', '33');   
37. subcat[33] = new Array('草图概念', '31', '34');   
38. subcat[34] = new Array('其他', '31', '35');   
39. subcat[35] = new Array('CG动画', '0', '52');   
40. subcat[36] = new Array('时尚设计', '0', '53');   
41. subcat[37] = new Array('产品设计', '0', '54');   
42. subcat[38] = new Array('时装设计', '53', '55');   
43. subcat[39] = new Array('家居设计', '53', '56');   
44. subcat[40] = new Array('珠宝首饰', '53', '57');   
45. subcat[41] = new Array('配饰设计', '53', '58');   
46. subcat[42] = new Array('其他', '53', '59');   
47. subcat[43] = new Array('IT产品', '54', '60');   
48. subcat[44] = new Array('消费家电', '54', '61');   
49. subcat[45] = new Array('日常用品', '54', '62');   
50. subcat[46] = new Array('交通运输', '54', '63');   
51. subcat[47] = new Array('概念产品', '54', '64');   
52. subcat[48] = new Array('其他', '54', '65');   
53. subcat[49] = new Array('场景静帧', '52', '66');   
54. subcat[50] = new Array('角色静帧', '52', '67');   
55. subcat[51] = new Array('建筑效果', '52', '68');   
56. subcat[52] = new Array('幻想未来', '52', '69');   
57. subcat[53] = new Array('产品表现', '52', '70');   
58. subcat[54] = new Array('其他', '52', '71');   
59. onecount = 55;   
60.   
61.   
62. function changesort(sortid) {   
63.     var el = document.getElementById("NewsSort");   
64.     el.length = 0;   
65.     if(sortid !=0){   
66.         for (var i=0; i < onecount; i++) {   
67.             if (subcat[i][1] == sortid) {   
68.                 el.options[el.length] = new Option(subcat[i][0], subcat[i][2]);   
69.             }   
70.         }   
71.     }   
72.     else {   
73.         el.options[0] = new Option("选择栏目", 0);   
74.     }   
75. }   
76.   
77. function ini(sortid) {   
78.     for (var i=0; i < onecount; i++) {   
79.         if(subcat[i][2]==sortid) {   
80.             changesort(subcat[i][1]);   
81.             setsort(sortid);   
82.             var el = document.getElementById("newsType");   
83.             for(var j=0; j<el.length; j++) {   
84.                 if(el.options[j].value == subcat[i][1]) {   
85.                     el.options[j].selected = true;   
86.                 }   
87.             }   
88.             return;   
89.         }   
90.     }   
91. }   
92.   
93. function setsort(sortid){   
94.     var el = document.getElementById("NewsSort");   
95.     for(var j=0; j<el.length; j++) {   
96.         if(el.options[j].value == sortid) {   
97.             el.options[j].selected = true;   
98.         }   
99.     }   
100.   
101. }   
102. </script>  

在平时的开发过程中，需要用到联动菜单的地方很多。大多数的时候，再用smarty的时候，经常是把数据库的数据取出，组成js的关联数组 来实现对应的联动，上面js 代码，摘自与 野马 程序中的部分