A cópia do código é a seguinte:
<! Doctype html>
<html>
<head>
<meta charset = "utf-8">
<title> Insira o título aqui </ititure>
<script type = "text/javascript">
// Inicialize uma matriz 2D para armazenar o item da lista da cidade
var cidades = [
["Anqing", "hefei", "tongcheng"],
["Shijiazhuang", "Baoding", "Tangshan"],
["Zhengzhou", "Luoyang", "Kaifeng"]
];
// Ao selecionar uma província, ligue para o método para adicionar uma cidade
função Provincechanged (SEL) {
// alert ("comprimento da seleção"+sel.options.length);
// SEL é realmente um objeto selecionado
// transfira a coleção de opções e encontre as opções selecionadas
for (var x = 0; x <sel.options.length; x ++)
{
var opt = Sel.options [x];
if (opt.selected)
{
// Adicione uma opção à cidade selecionada
AddCityToSelect (x)
}
}
}
// Adicione o item da cidade sob a província selecionada à cidade selecionada
função addCityToSelect (x) {
// Encontre a cidade correspondente da matriz bidimensional
var cidade = cidades [x-1];
var citySelect = document.getElementById ("select_city");
/*=========================== Excluir elementos que já existem no nó ============================================================== ============================================================== ============================================================== ============================================================== ============================================================== ============================================================== ============================================================== ==============================================================
Quando o método é chamado de segunda ou enésima vez, o nó adicionado anteriormente foi adicionado ao objeto Select City, para que seja limpo.
IDEA 1: Selecione o removeChild () do objeto Selecionar, para que o nó da palavra possa ser excluído através da travessia do loop.
IDEA 2: set select.Options.Length = 1 diretamente para obter o mesmo efeito.
*/
// Defina o comprimento das opções sob o objeto selecionado da cidade como 1
CitySelect.Options.Length = 1;
// Defina o comprimento da coleção de opções e exclua -a
//CitySelect.Options.Length=1;
for (var x = 0; x <city.length; x ++)
{
// Crie objeto de nó do elemento
var optionName = document.createElement ("option");
// Defina o conteúdo de exibição para a opção
optionName.innerhtml = cidade [x];
// Adicione a opção criada para selecionar
CitySelect.AppendChild (OptionName);
/*
Neste local, adicione todas as cidades sob uma certa província ao objeto CitySelect
Quando a segunda província for selecionada pela segunda vez, todas as cidades abaixo da segunda província serão adicionadas a
Sob o nó CitySelect. Este efeito está errado. Então, antes de cada adição,
Limpe o conteúdo abaixo do nó CitySelect. Próximo olhar:
============================ Excluir elementos que já existem no nó ==================
*/
}
}
</script>
</head>
<Body>
<select onchange = "Provincechanged (this);">
<!-O significado disso: refere-se ao objeto selecionado chamando ProvinceChanged (isto) e neste método
Passe o objeto em si como um parâmetro para operar nele. ->
<pution> Por favor, selecione Província </pption>
<pution> Anhui </pption>
<pution> hebei </pption>
<pution> Henan </pption>
</leclect>
<select id = "select_city">
<pution> Por favor, selecione City </pption>
</leclect>
</body>
</html>