ต่อไปนี้คือรหัส HTML:
คัดลอกรหัสรหัสดังนี้:
<!
<html>
<head>
<title> เอกสารใหม่ </title>
<meta name = "general" content = "EditPlus">
<meta name = "ผู้เขียน" content = "">
<meta name = "คำหลัก" content = "">
<meta name = "คำอธิบาย" content = "">
</head>
<!-โดยการเริ่มต้นที่ถูกแดด->
<body>
<ภาษาสคริปต์ = "JavaScript">
var subcat = new Array ();
subcat [0] = อาร์เรย์ใหม่ ('จีน', 'อังกฤษ', 'อังกฤษ')
subcat [1] = อาร์เรย์ใหม่ ('จีน', 'ฝรั่งเศส', 'ฝรั่งเศส')
subcat [2] = อาร์เรย์ใหม่ ('อังกฤษ', 'จีน', 'จีน')
subcat [3] = อาร์เรย์ใหม่ ('ฝรั่งเศส', 'จีน', 'จีน')
ฟังก์ชั่น Changelect1 (locationId)
-
document.form1.s2.length = 0; // เริ่มต้นรายการดรอปดาวน์เพื่อล้างข้อมูลแบบเลื่อนลง
document.form1.s2.options [0] = ตัวเลือกใหม่ ('== โปรดเลือก ==', '');
สำหรับ (i = 0; i <subcat.length; i ++) // legth = 20
-
if (subcat [i] [0] == locationId) // [0] [1] คอลัมน์แรกคอลัมน์ที่สอง
{document.form1.s2.options [document.form1.s2.length] = ตัวเลือกใหม่ (subcat [i] [1], subcat [i] [2]);} // สร้างตัวเลือก
// ความยาวครั้งแรก = 1 เพราะมี == โปรดเลือก ==
// เมื่อ i = 9, length = 10 มี 11 ค่าเพราะจาก 0, subcat [i] [0] == locationId บล็อกก่อนเขียน
-
-
</script>
<form name = "form1" method = "post" runat = "เซิร์ฟเวอร์">
การเชื่อมโยงรอง:
<select name = "s1" onChange = "changeSelect1 (this.value)" >>
<petion> == โปรดเลือก == </potion>
<ตัวเลือกค่า = "จีน"> จีน </portion>
<ตัวเลือกค่า = "ภาษาอังกฤษ"> ภาษาอังกฤษ </portion>
<ตัวเลือกค่า = "ภาษาอังกฤษ"> ฝรั่งเศส </petion>
</เลือก>
<select name = "S2">
<petion> == โปรดเลือก == </potion>
</เลือก>
</form>
<!-โดยตอนจบ->
</body>
</html>