Bagaimana untuk melaksanakan menu lungsur pautan berbilang peringkat dalam kemahiran javascript_javascript

Contoh dalam artikel ini menerangkan kaedah melaksanakan menu lungsur turun pautan berbilang peringkat dalam JavaScript. Kongsikan dengan semua orang untuk rujukan anda. Kaedah pelaksanaan khusus adalah seperti berikut:

Salin kod Kod adalah seperti berikut: var arrItems1 = new Array(); var arrItemsGrp1 = new Array(); arrItems1[3] = "Lajur 2"; arrItemsGrp1[3] = 1; arrItems1[4] = "Lajur dua dan tiga"; arrItemsGrp1[4] = 1; arrItems1[5] = "Lajur 24"; arrItemsGrp1[5] = 1; arrItems1[6] = "Lajur Tiga"; arrItemsGrp1[6] = 2; arrItems1[7] = "Barisan Sanyi"; arrItemsGrp1[7] = 2; arrItems1[0] = "Lajur Empat"; arrItemsGrp1[0] = 3; arrItems1[1] = "L41"; arrItemsGrp1[1] = 3; arrItems1[2] = "Lajur 42"; arrItemsGrp1[2] = 3; var arrItems2 = new Array(); var arrItemsGrp2 = new Array(); arrItems2[21] = "Lajur 4-0"; arrItemsGrp2[21] = 0 arrItems2[22] = "Lajur 4-1"; arrItemsGrp2[22] = 0 arrItems2[31] = "Lajur 41-0"; arrItemsGrp2[31] = 1 arrItems2[34] = "Lajur 41-1"; arrItemsGrp2[34] = 1 arrItems2[35] = "Lajur 42-0"; arrItemsGrp2[35] = 2 arrItems2[99] = "Lajur 24-2"; arrItemsGrp2[99] = 5 arrItems2[100] = "Lajur 24-1"; arrItemsGrp2[100] = 5 arrItems2[57] = "Lajur 24-0"; arrItemsGrp2[57] = 5 arrItems2[101] = "Lajur 2-0"; arrItemsGrp2[101] = 3 arrItems2[102] = "Lajur 2-1"; arrItemsGrp2[102] = 3 arrItems2[103] = "Lajur 23-0"; arrItemsGrp2[103] = 4 arrItems2[104] = "Lajur 23-1"; arrItemsGrp2[104] = 4 arrItems2[105] = "Lajur 3-0"; arrItemsGrp2[105] = 6 arrItems2[106] = "Lajur 3-1"; arrItemsGrp2[106] = 6 arrItems2[200] = "Lajur 31-0"; arrItemsGrp2[200] = 7 arrItems2[201] = "Lajur 31-1"; arrItemsGrp2[201] = 7 arrItems2[203] = "Lajur 31-2"; arrItemsGrp2[203] = 7 function selectChange(control, controlToPopulate, ItemArray, GroupArray) { var myEle ; var x ; // Kosongkan kotak lungsur kedua untuk sebarang pilihan untuk (var q=controlToPopulate.options.length;q>=0;q--) controlToPopulate.options[q]=null; if (control.name == "firstChoice") { // Kosongkan kotak lungsur turun ketiga daripada sebarang pilihan untuk (var q=myChoices.thirdChoice.options.length;q>=0;q--) myChoices.thirdChoice.options[q] = null; } // TAMBAH Pilihan Lalai - sekiranya tiada nilai myEle = document.createElement_x("pilihan") ; myEle.value = 0 ; myEle.text = "[Senarai]" ; controlToPopulate.add(myEle) ; untuk ( x = 0 ; x { Jika (GroupArray[x] == control.value) { myEle = document.createElement_x("pilihan"); myEle.value = x ; myEle.text = ItemArray[x]; controlToPopulate.add(myEle) ; } } } // Tamat --> Senarai 1 Senarai 2 Senarai 3 Senarai 4 Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang.