Javascript中多级链接下拉菜单的实现方法
复制代码代码如下所示:
<!——开始
无功arritems1 =新的数组();
无功arritemsgrp1 =新的数组();
arritems1 { 3 } =两列;
arritemsgrp1 { 3 } = 1;
arritems1 { 4 } =柱两或三;
arritemsgrp1 { 4 } = 1;
arritems1 { 5 } =24列;
arritemsgrp1 { 5 } = 1;
arritems1 { 6 } =三列;
arritemsgrp1 { 6 } = 2;
arritems1 { 7 } =31列;
arritemsgrp1 { 7 } = 2;
arritems1 { 0 } =四列;
arritemsgrp1 { 0 } = 3;
arritems1 { 1 } =41列;
arritemsgrp1 { 1 } = 3;
arritems1 { 2 } =42列;
arritemsgrp1 { 2 } = 3;
无功arritems2 =新的数组();
无功arritemsgrp2 =新的数组();
arritems2 { 21 } =柱4-0 ;
arritemsgrp2 { 21 } = 0
arritems2 { 22 } = 专栏4-1 ;
arritemsgrp2 { 22 } = 0
arritems2 { 31 } =柱41-0 ;
arritemsgrp2 { 31 } = 1
arritems2 { 34 } =柱41-1 ;
arritemsgrp2 { 34 } = 1
arritems2 { 35 } =柱42-0 ;
arritemsgrp2 { 35 } = 2
arritems2 { 99 } =柱2;
arritemsgrp2 { 99 } = 5
arritems2 { 100 } =柱24-1 ;
arritemsgrp2 { 100 } = 5
arritems2 { 57 } =柱24-0 ;
arritemsgrp2 { 57 } = 5
arritems2 { 101 } =柱2-0;
arritemsgrp2 { 101 } = 3
arritems2 { 102 } =柱2-1 ;
arritemsgrp2 { 102 } = 3
arritems2 { 103 } =柱23-0 ;
arritemsgrp2 { 103 } = 4
arritems2 { 104 } =列23-1 ;
arritemsgrp2 { 104 } = 4
arritems2 { 105 } =柱3-0 ;
arritemsgrp2 { 105 } = 6
arritems2 { 106 } = 专栏3-1;
arritemsgrp2 { 106 } = 6
arritems2 { 200 } =柱31-0 ;
arritemsgrp2 { 200 } = 7
arritems2 { 201 } =柱31-1 ;
arritemsgrp2 { 201 } = 7
arritems2 { 203 } =柱31-2 ;
ArrItemsGrp2{203} = 7
功能selectchange(控制,controltopopulate,听,grouparray)
{
Var myEle;
var x;
清空任何选项的第二个下拉框
对于(var q = controltopopulate.options.length;Q>=0;Q)controltopopulate选项{重置} = null;
如果(control.name = =首选){
清空任何选项的第三个下拉框
对于(var q = mychoices.thirdchoice.options.length;Q>=0;Q)我的选择。thirdchoice选项{重置} = null;
}
添加默认选项-在没有值的情况下
myele = document.createelement_x(选项);
myele.value = 0;
myele.text ={表};
controltopopulate.add(myele);
为(x = 0;x<itemarray.length;X + +)
{
如果(grouparray {X} =控制值)
{
myele = document.createelement_x(选项);
myele.value = x;
myele.text =听{X};
controltopopulate.add(myele);
}
}
}
/结束/
表1
表2
表三
表四
希望本文能对大家的javascript程序设计有所帮助。