Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<meta charset = "utf-8">
<title> Вставьте заголовок здесь </title>
<script type = "text/javascript">
// инициализируйте 2D массив для хранения элемента списка города
VAR CITION = [
["Anqing", "hefei", "tongcheng"],
["Shijiazhuang", "Baoding", "Tangshan"],
["Чжэнчжоу", "Луоян", "Кайфенг"]
];
// При выборе провинции вызовите метод, чтобы добавить город
Функция ProvinceChanged (sel) {
// alert ("Выбрать длину"+sel.options.length);
// sel на самом деле является объектом SELECT
// Передача сбора параметров и найти выбранные параметры
для (var x = 0; x <sel.options.length; x ++)
{
var opt = sel.options [x];
if (opt.selected)
{
// Добавить опцию в выбранное город
AddCityToSelect (x)
}
}
}
// Добавить городской пункт под выбранную провинцию в городс
функция addCityToselect (x) {
// Найти соответствующий город из двумерного массива
var City = города [x-1];
var CitySelect = document.getElementById ("select_city");
/*========================= Удалить элементы, которые уже существуют в узле ==================================================================== ==================================================================== ==================================================================== ==================================================================== ==================================================================== ==================================================================== ==================================================================== ====================================================================
Когда метод называется вторым или внедорожным раз, ранее добавленный узел был добавлен в объект Select City, поэтому он очищается.
Идея 1: Выберите removeChild () объекта SELECT, чтобы словесное узел можно удалить с помощью прохождения петли.
Идея 2: SET SELECT.Options.length = 1 непосредственно для достижения того же эффекта.
*/
// Установите длину параметров под объектом выбора города на 1
CitySelect.options.length = 1;
// Установите длину сбора параметров и удалите ее
//cityselect.options.length=1;
для (var x = 0; x <city.length; x ++)
{
// Создать объект узла элемента
var optionname = document.createElement ("option");
// Установить опцию отображения для опции
optionname.innerhtml = city [x];
// добавить опцию создания, чтобы выбрать
CitySelect.AppendChild (опция);
/*
В этом месте добавьте все города под определенную провинцию в объект CitySelect
Когда вторая провинция выбрана во второй раз, все города ниже второй провинции будут добавлены в
Под узлом CitySelect. Этот эффект неверен. Итак, до каждого дополнения,
Очистите содержимое ниже узла CitySelect. Следующий взгляд:
========================== Удалить элементы, которые уже существуют в узле =================
*/
}
}
</script>
</head>
<тело>
<SELECT ONCHANGE = "ProvinceChanged (это);">
<!-Значение этого: относится к выбору объекта, вызывая ProvinceChanged (это), и в этом методе
Передайте сам объект как параметр для работы на нем. ->
<опция>, пожалуйста, выберите провинцию </option>
<опция> anhui </option>
<опция> hebei </option>
<опция> henan </option>
</select>
<select id = "select_city">
<опция>, пожалуйста, выберите City </option>
</select>
</body>
</html>