Os vínculos de segundo nível podem ser vistos em todos os lugares nas páginas da Web em geral, geralmente com endereços, como clicar na província de Zhejiang, seguidos por Hangzhou City e Jiaxing City; Clicando na província de Pequim, Chaoyang e Haidian, em vez de Hangzhou e Jiaxing.
Para implementar esta etapa, você precisa usar o JavaScript para implementá -lo. O princípio usa o tempo de onChange.
Primeiro, o evento OnChange ocorre quando o conteúdo do domínio muda. JavaScript Objetos que suportam este evento: FileUpload, selecione, texto, textarea. Usamos selecionar para concluir a implementação da ligação secundária.
A seguir, o código HTML. Primeiro, defina uma seleção como uma província e a segunda seleção como uma cidade, mas usamos uma matriz no JS para conectá -la à província.
A cópia do código é a seguinte:
<! Doctype html>
<html>
<head>
<meta charset = "utf-8">
<title> Javascript Secondy Linkage </ititle>
</head>
<Body>
<select id = "Província">
<opção value = "-1"> sujeito </pption>
<opção value = "0"> Pequim </pption>
<opção value = "1"> zhejiang </pption>
</leclect>
<select id = "city">
</leclect>
<script src = "../ js/provide.js"> </sCript>
</body>
</html>
A seguir, o código JS
A cópia do código é a seguinte:
var província = document.getElementById ("Província");
var cidade = document.getElementById ("cidade");
Var Area = [
['Chaoyang', 'Haidian', 'Pequim'], // Array da área 0. 0 {0,1,2}
['Hangzhou', 'Haining'] // Array da primeira área, 1 {0.1}
];
função escolha () {
var opt = "";
var len = área [província.Value]; // Se Pequim 0 for selecionado, então Len = ['Chaoyang', 'Haidian'] Esta é a matriz <span style = "background-color: #888888;"> City </span> Conectando qual província corresponde a qual cidade corresponde a
se (província.value == '-1') {// porque quando o valor de seleção é -1, é a palavra 'Província', não Pequim, então quando escolhemos esta província, significa que a cidade está vazia
city.innerhtml = opt;
}
for (var i = 0; i <len.length; i ++) {// o número de matrizes de área para (i = 0; i <3; i ++)
opt = opt + '<opção value = "' + i + '">' + len [i] + '</option>' // opt = "" + <opção value = "0"> Chaoyang (lin [0]) </pption>,
// opt = <opção value = "0"> Chaoyang (lin [0]) </pption>, + <br>
<opção value = "1"> haidian (lin [1]) </pption>
// opt = <opção value = "0"> Chaoyang (lin [0]) </pption>, + <br>
<opção value = "1"> haidian (lin [1]) </pption> + <br>
<opção value = "2"> Pequim (lin [2]) </pption>
}
city.innerhtml = opt;
}
província.onchange = function () {
escolher();
}
Os vínculos de segundo nível podem ser vistos em todos os lugares nas páginas da Web em geral, geralmente com endereços, como clicar na província de Zhejiang, seguidos por Hangzhou City e Jiaxing City; Clicando na província de Pequim, Chaoyang e Haidian, em vez de Hangzhou e Jiaxing.
Para implementar esta etapa, você precisa usar o JavaScript para implementá -lo. O princípio usa o tempo de onChange.
O exposto acima é o conteúdo inteiro deste artigo, espero que gostem.