Javascript中多级链接下拉菜单的实现方法

Javascript中多级链接下拉菜单的实现方法
本文介绍了用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程序设计有所帮助。

tag:下拉菜单多级链接方法电脑软件

相关内容