يمكن رؤية روابط المستوى الثاني في كل مكان في صفحات الويب العامة ، عادةً مع عناوين ، مثل النقر على مقاطعة Zhejiang ، تليها مدينة Hangzhou ومدينة Jiaxing ؛ النقر على مقاطعة بكين ، Chaoyang و Hayidian ، بدلاً من Hangzhou و Jiaxing.
لتنفيذ هذه الخطوة ، تحتاج إلى استخدام JavaScript لتنفيذها. يستخدم المبدأ وقت onchange.
أولاً ، يحدث حدث OnChange عندما يتغير محتوى المجال. كائنات JavaScript التي تدعم هذا الحدث: FileUpload ، حدد ، نص ، textarea. نستخدم SELECT لإكمال تنفيذ الربط الثانوي.
فيما يلي رمز HTML. أولاً ، قم بتعيين Select كمقاطعة و Select الثانية كمدينة ، لكننا نستخدم صفيفًا في JS لتوصيله بالمقاطعة.
نسخة الكود كما يلي:
<! doctype html>
<html>
<head>
<meta charset = "utf-8">
<title> JavaScript الثانوية الرابط </title>
</head>
<body>
<SELECT ID = "Province">
<value Option = "-1"> الموضوع </option>
<Option Value = "0"> Beijing </portion>
<Option Value = "1"> Zhejiang </soph>
</select>
<SELECT ID = "City">
</select>
<script src = "../ js/province.js"> </script>
</body>
</html>
ما يلي هو رمز JS
نسخة الكود كما يلي:
var province = document.getElementById ("Province") ؛
var city = document.getElementById ("City") ؛
منطقة var = [
["Chaoyang" ، "Haidian" ، "Beijing"] ، // صفيف المنطقة 0. 0 {0،1،2}
['Hangzhou' ، 'Haining'] // Array من المنطقة الأولى ، 1 {0.1}
] ؛
وظيفة اختيار () {
var opt = "" ؛
var len = area [province.value] ؛ // إذا تم تحديد Beijing 0 ، ثم len = ['chaoyang' ، 'Haidian'] هذا هو <span style = "background-color: #888888 ؛"> City </span> Artry Conneranting التي تتوافق مع المقاطعة التي تتوافق مع المدينة
إذا كانت (province.value == '-1') {// لأنه عندما تكون قيمة الاختيار -1 ، فهي كلمة "مقاطعة" ، وليس بكين ، لذلك عندما نختار هذه المقاطعة ، فهذا يعني أن المدينة فارغة
city.innerhtml = opt ؛
}
لـ (var i = 0 ؛ i <len.length ؛ i ++) {// عدد صفائف المنطقة لـ (i = 0 ؛ i <3 ؛ i ++)
opt = opt + '<ortive value = "' + i + '">' + len [i] + '</portion>' // opt = "" + <ortion value = "0"
// OPT = <Option Value = "0"> chaoyang (lin [0]) </soph> ، + <br>
<value Option = "1"> Haidian (Lin [1]) </soph>
// OPT = <Option Value = "0"> chaoyang (lin [0]) </soph> ، + <br>
<Option Value = "1"> Haidian (Lin [1]) </soph> + <br>
<value Option = "2"> beijing (lin [2]) </tearch>
}
city.innerhtml = opt ؛
}
PRONSINCE.Onchange = function () {
يختار()؛
}
يمكن رؤية روابط المستوى الثاني في كل مكان في صفحات الويب العامة ، عادةً مع عناوين ، مثل النقر على مقاطعة Zhejiang ، تليها مدينة Hangzhou ومدينة Jiaxing ؛ النقر على مقاطعة بكين ، Chaoyang و Hayidian ، بدلاً من Hangzhou و Jiaxing.
لتنفيذ هذه الخطوة ، تحتاج إلى استخدام JavaScript لتنفيذها. يستخدم المبدأ وقت onchange.
ما سبق هو المحتوى الكامل لهذه المقالة ، أتمنى أن تنال إعجابك.