Tautan tingkat kedua dapat dilihat di mana-mana di halaman web umum, biasanya dengan alamat, seperti mengklik provinsi Zhejiang, diikuti oleh Hangzhou City dan Jiaxing City; Mengklik provinsi Beijing, Chaoyang dan Haidian, bukannya Hangzhou dan Jiaxing.
Untuk mengimplementasikan langkah ini, Anda perlu menggunakan JavaScript untuk mengimplementasikannya. Prinsipnya menggunakan waktu onchange.
Pertama, peristiwa Onchange terjadi ketika konten domain berubah. Objek JavaScript yang mendukung acara ini: Fileupload, SELECT, TEXT, TEXTAREA. Kami menggunakan Select untuk menyelesaikan implementasi tautan sekunder.
Berikut ini adalah kode HTML. Pertama, atur pilih sebagai provinsi dan pilih kedua sebagai kota, tetapi kami menggunakan array di JS untuk menghubungkannya dengan provinsi.
Salinan kode adalah sebagai berikut:
<! Doctype html>
<Html>
<head>
<meta charset = "UTF-8">
<title> tautan sekunder JavaScript </title>
</head>
<body>
<Pilih id = "Provinsi">
<Option value = "-1"> subjek </tiption>
<Option value = "0"> Beijing </pection>
<Option value = "1"> Zhejiang </pection>
</pilih>
<Pilih id = "City">
</pilih>
<skrip src = "../ js/province.js"> </script>
</body>
</html>
Berikut ini adalah kode JS
Salinan kode adalah sebagai berikut:
var province = document.geteLementById ("provinsi");
var city = document.geteLementById ("city");
Area var = [
['Chaoyang', 'haidian', 'beijing'], // array dari area ke -0. 0 {0,1,2}
['Hangzhou', 'haining'] // array dari area pertama, 1 {0.1}
];
fungsi pilih () {
var opt = "";
var len = area [province.value]; // Jika beijing 0 dipilih, maka len = ['chaoyang', 'haidian'] Ini adalah <span style = "latar belakang-warna: #888888;"> array City </span> yang menghubungkan provinsi mana yang sesuai dengan kota mana
if (province.value == '-1') {// Karena ketika nilai pilih adalah -1, itu adalah kata 'provinsi', bukan beijing, jadi ketika kita memilih provinsi ini, itu berarti kota kosong kosong
city.innerhtml = opt;
}
untuk (var i = 0; i <len.length; i ++) {// Jumlah array area untuk (i = 0; i <3; i ++)
opt = opt + '<value option = "' + i + '">' + len [i] + '</pection>' // opt = "" + <opsi value = "0"> chaoyang (lin [0]) </option>,
// opt = <option value = "0"> chaoyang (lin [0]) </pection>, + <br>
<Option value = "1"> Haidian (lin [1]) </pection>
// opt = <option value = "0"> chaoyang (lin [0]) </pection>, + <br>
<Option value = "1"> haidian (lin [1]) </pection> + <br>
<Option value = "2"> Beijing (lin [2]) </pection>
}
city.innerhtml = opt;
}
province.onchange = function () {
memilih();
}
Tautan tingkat kedua dapat dilihat di mana-mana di halaman web umum, biasanya dengan alamat, seperti mengklik provinsi Zhejiang, diikuti oleh Hangzhou City dan Jiaxing City; Mengklik provinsi Beijing, Chaoyang dan Haidian, bukannya Hangzhou dan Jiaxing.
Untuk mengimplementasikan langkah ini, Anda perlu menggunakan JavaScript untuk mengimplementasikannya. Prinsipnya menggunakan waktu onchange.
Di atas adalah seluruh konten artikel ini, saya harap Anda menyukainya.