Los enlaces de segundo nivel se pueden ver en todas partes en las páginas web generales, generalmente con direcciones, como hacer clic en la provincia de Zhejiang, seguido de la ciudad de Hangzhou y la ciudad de Jiaxing; Haga clic en la provincia de Beijing, Chaoyang y Haidian, en lugar de Hangzhou y Jiaxing.
Para implementar este paso, debe usar JavaScript para implementarlo. El principio usa el tiempo de cambio.
Primero, el evento Onchange ocurre cuando cambia el contenido del dominio. Objetos JavaScript que admiten este evento: FileUpload, Seleccionar, Text, TextAREA. Utilizamos Select para completar la implementación de enlaces secundarios.
El siguiente es el código HTML. Primero, establezca una selección como provincia y la segunda selección como ciudad, pero usamos una matriz en JS para conectarlo con la provincia.
La copia del código es la siguiente:
<! Doctype html>
<html>
<Evista>
<meta charset = "utf-8">
<title> JavaScript Linkage secundario </title>
</ablo>
<Body>
<select id = "provincia">
<opción valor = "-1"> sujeto </opción>
<opción valor = "0"> beijing </opción>
<opción valor = "1"> zhejiang </ppection>
</select>
<Seleccionar id = "Ciudad">
</select>
<script src = "../ js/province.js"> </script>
</body>
</html>
El siguiente es el código JS
La copia del código es la siguiente:
var provincia = document.getElementById ("provincia");
var city = document.getElementById ("ciudad");
área var = [
['Chaoyang', 'Haidian', 'Beijing'], // matriz del área 0. 0 {0,1,2}
['Hangzhou', 'Haining'] // matriz de la primera área, 1 {0.1}
];
función elige () {
var opt = "";
var len = área [Province.Value]; // Si se selecciona Beijing 0, entonces Len = ['Chaoyang', 'Haidian'] Esta es el <span style = "de fondo de fondo: #8888888;"> Ciudad </span> Conexión de matriz qué provincia corresponde a qué ciudad
if (provincia.value == '-1') {// Porque cuando el valor de selección es -1, es la palabra 'provincia', no Beijing, por lo que cuando elegimos esta provincia, significa que la ciudad está vacía
city.innerhtml = opt;
}
para (var i = 0; i <len.length; i ++) {// El número de matrices de área para (i = 0; i <3; i ++)
opt = opt + '<option value = "' + i + '">' + len [i] + '</option>' // opt = "" + <opción valor = "0"> chaoyang (lin [0]) </option>,,
// opt = <option value = "0"> chaoyang (lin [0]) </opción>, + <br>
<opción valor = "1"> Haidian (Lin [1]) </opción>
// opt = <option value = "0"> chaoyang (lin [0]) </opción>, + <br>
<opción valor = "1"> Haidian (Lin [1]) </opción> + <br>
<opción valor = "2"> beijing (lin [2]) </ppection>
}
city.innerhtml = opt;
}
Province.onchange = function () {
elegir();
}
Los enlaces de segundo nivel se pueden ver en todas partes en las páginas web generales, generalmente con direcciones, como hacer clic en la provincia de Zhejiang, seguido de la ciudad de Hangzhou y la ciudad de Jiaxing; Haga clic en la provincia de Beijing, Chaoyang y Haidian, en lugar de Hangzhou y Jiaxing.
Para implementar este paso, debe usar JavaScript para implementarlo. El principio usa el tiempo de cambio.
Lo anterior es todo el contenido de este artículo, espero que les guste.