Метод реализации раскрывающегося меню с многоуровневым сцеплением в JavaScript

В этой статье описывается метод реализации многоуровневых раскрывающихся меню в JavaScript. Поделитесь этим для вашей ссылки. Конкретный метод реализации следующим образом:

Кода -копия выглядит следующим образом:

<Script language = "javascript">

<!- ​​Начни

var arritems1 = new Array ();

var arritemsgrp1 = new Array ();

arritems1 [3] = "столбец второй";

arritemsgrp1 [3] = 1;

arritems1 [4] = "столбец 2 и три";

arritemsgrp1 [4] = 1;

arritems1 [5] = "столбец 24";

arritemsgrp1 [5] = 1;

arritems1 [6] = "столбец третий";

arritemsgrp1 [6] = 2;

arritems1 [7] = "Trinity" Column ";

arritemsgrp1 [7] = 2;

arritems1 [0] = "Column Four";

arritemsgrp1 [0] = 3;

arritems1 [1] = "Column Four One";

arritemsgrp1 [1] = 3;

arritems1 [2] = "столбец 42";

arritemsgrp1 [2] = 3;

var arritems2 = new Array ();

var arritemsgrp2 = new Array ();

arritems2 [21] = "Column 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] = "столбец 24-2";

arritemsgrp2 [99] = 5

arritems2 [100] = "Column 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 (Control, ControlTopopulate, Itemarray, GroupArray)

{

вар миель;

var x;

// опустошить вторую выпадающую коробку из любых вариантов

for (var q = controlTopopulate.options.length; q> = 0; q--) controltopopulate.options [q] = null;

if (control.name == "firstchoice") {

// опустошить третью выпадающую коробку из любых вариантов

для (var q = mychoices.thirdchoice.options.length; q> = 0; q--) mychoices.thirdchoice.options [q] = null;

}

// Добавить выбор по умолчанию - в случае нет значений

myele = document.createelement_x ("option");

myele.value = 0;

myele.text = "[list]";

Controltopopulate.add (миель);

для (x = 0; x <itemarray.length; x ++)

{

if (GroupArray [x] == control.value)

{

myele = document.createelement_x ("option");

myele.value = x;

myele.text = itemarray [x];

Controltopopulate.add (миель);

}

}

}

// end ->

</script>

<form name = mychoices>

<таблица Align = "center">

<tr>

<Td>

<Select id = firstchoice name = firstchoice onchange = "selectchange (this, mychoices.secondchoice, arritems1, arritemsgrp1);">

<option value = "0"> Перечислите один </option>

<option value = "1"> Список 2 </option>

<option value = "2"> Перечислите три </option>

<option value = "3"> Перечислите четыре </option>

</Select>

</Td> <td>

<Select id = secondchoice name = secondchoice onchange = "selectchange (это, mychoices.thirdchoice, arritems2, arritemsgrp2);">

</Select>

<SELECT ID = ThirdChoice name = ThirdChoice>

</Select>

</Td>

</Tr>

</Table>

</form>

Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.