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: <br> <!-- Mulakan<br /> var arrItems1 = new Array();<br /> var arrItemsGrp1 = new Array();<br /> arrItems1[3] = "Lajur 2";<br /> arrItemsGrp1[3] = 1;<br /> arrItems1[4] = "Lajur dua dan tiga";<br /> arrItemsGrp1[4] = 1;<br /> arrItems1[5] = "Lajur 24";<br /> arrItemsGrp1[5] = 1;<br /> arrItems1[6] = "Lajur Tiga";<br /> arrItemsGrp1[6] = 2;<br /> arrItems1[7] = "Barisan Sanyi";<br /> arrItemsGrp1[7] = 2;<br /> arrItems1[0] = "Lajur Empat";<br /> arrItemsGrp1[0] = 3;<br /> arrItems1[1] = "L41";<br /> arrItemsGrp1[1] = 3;<br /> arrItems1[2] = "Lajur 42";<br /> arrItemsGrp1[2] = 3;<br /> var arrItems2 = new Array();<br /> var arrItemsGrp2 = new Array();<br /> arrItems2[21] = "Lajur 4-0";<br /> arrItemsGrp2[21] = 0<br /> arrItems2[22] = "Lajur 4-1";<br /> arrItemsGrp2[22] = 0<br /> arrItems2[31] = "Lajur 41-0";<br /> arrItemsGrp2[31] = 1<br /> arrItems2[34] = "Lajur 41-1";<br /> arrItemsGrp2[34] = 1<br /> arrItems2[35] = "Lajur 42-0";<br /> arrItemsGrp2[35] = 2<br /> arrItems2[99] = "Lajur 24-2";<br /> arrItemsGrp2[99] = 5<br /> arrItems2[100] = "Lajur 24-1";<br /> arrItemsGrp2[100] = 5<br /> arrItems2[57] = "Lajur 24-0";<br /> arrItemsGrp2[57] = 5<br /> arrItems2[101] = "Lajur 2-0";<br /> arrItemsGrp2[101] = 3<br /> arrItems2[102] = "Lajur 2-1";<br /> arrItemsGrp2[102] = 3<br /> arrItems2[103] = "Lajur 23-0";<br /> arrItemsGrp2[103] = 4<br /> arrItems2[104] = "Lajur 23-1";<br /> arrItemsGrp2[104] = 4<br /> arrItems2[105] = "Lajur 3-0";<br /> arrItemsGrp2[105] = 6<br /> arrItems2[106] = "Lajur 3-1";<br /> arrItemsGrp2[106] = 6<br /> arrItems2[200] = "Lajur 31-0";<br /> arrItemsGrp2[200] = 7<br /> arrItems2[201] = "Lajur 31-1";<br /> arrItemsGrp2[201] = 7<br /> arrItems2[203] = "Lajur 31-2";<br /> arrItemsGrp2[203] = 7<br /> function selectChange(control, controlToPopulate, ItemArray, GroupArray)<br /> {<br /> var myEle ;<br /> var x ;<br /> // Kosongkan kotak lungsur kedua untuk sebarang pilihan<br /> untuk (var q=controlToPopulate.options.length;q>=0;q--) controlToPopulate.options[q]=null;<br> if (control.name == "firstChoice") {<br> // Kosongkan kotak lungsur turun ketiga daripada sebarang pilihan<br> untuk (var q=myChoices.thirdChoice.options.length;q>=0;q--) myChoices.thirdChoice.options[q] = null;<br> }<br> // TAMBAH Pilihan Lalai - sekiranya tiada nilai<br> myEle = document.createElement_x("pilihan") ;<br> myEle.value = 0 ;<br> myEle.text = "[Senarai]" ;<br> controlToPopulate.add(myEle) ;<br> untuk ( x = 0 ; x < ItemArray.length ; x )<br /> {<br /> Jika (GroupArray[x] == control.value)<br /> {<br /> myEle = document.createElement_x("pilihan");<br /> myEle.value = x ;<br /> myEle.text = ItemArray[x];<br /> controlToPopulate.add(myEle) ;<br /> }<br /> }<br /> }<br /> // Tamat --><br> </skrip><br> <form name=myChoices><br> <table align="center"><br> <tr><br> <td><br> <SELECT id=firstChoice name=firstChoice onchange="selectChange(this, myChoices.secondChoice, arrItems1, arrItemsGrp1);"><br> <nilai pilihan="0">Senarai 1</option><br> <nilai pilihan="1">Senarai 2</option><br> <nilai pilihan="2">Senarai 3</option><br> <nilai pilihan="3">Senarai 4</option><br> </SELECT><br> </TD><TD><br> <SELECT id=secondChoice name=secondChoice onchange="selectChange(this, myChoices.thirdChoice, arrItems2, arrItemsGrp2);"><br> </SELECT><br> <SELECT id=thirdChoice name=thirdChoice><br> </SELECT><br> </TD><br> </TR><br> </JADUAL><br> </form><br> </div> <p>Saya harap artikel ini akan membantu reka bentuk pengaturcaraan JavaScript semua orang. </p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
