Примеры в этой статье разделяют специальные эффекты раскрывающегося меню JS для вашей ссылки. Конкретный контент заключается в следующем
Пример 1: Связанное провинциальное и муниципальное раскрывающее меню
Событие OnChange происходит, когда изменяется содержание домена.
<script type = "text/javascript"> var arr = new Array (); // массив данных // Определить данные, структура: идентификатор, имя, родительский идентификатор arr [arr.length] = [1, 'beijing', null]; arr [arr.length] = [2, 'sichuan', null]; arr [arr.length] = [3, 'guangdong', null]; arr [arr.length] = [4, 'Пекин', 1]; arr [arr.length] = [5, 'chengdu', 2]; arr [arr.length] = [6, 'guangzhou', 3]; arr [arr.length] = [7, 'shenzhen', 3]; // Динамическое настройка функции выключаемого элемента FILOPTions (type) {if (type == 'province') {// Получить DOM провинции раскрывающегося меню VAR Province = Document.getElementByID ("провинция"); Province.innerhtml = ''; // Содержимое пустое первое // Заполнить подзадачный gracter var presstr = '<option value = ""> </option>'; // Передача массива для (var i = 0; i <arr.length; i ++) {var item = arr [i]; // текущий элемент // Если нет родительского идентификатора, это провинция if (item [2] == null) prostr+= '<vatue value ='+item [0]+'>'+item [1]+'</option>'; } province.innerhtml = prostr; // заполнить новый контент} else if (type == 'city') {// Получить идентификатор текущей провинции var currpoid = document.getElementById ("провинция"). if (currPorid == '') вернуть false; // Получить DOM городского выпадающего меню var city = document.getElementbyid ("city"); city.innerhtml = ''; // Заполнить контент первым // Заполнить символ var citystr = '<option value = ""> </option>'; // Transweep массив для (var i = 0; i <arr.length; i ++) {var item = arr [i]; // текущий элемент // Судья, является ли это текущим сохраненным городом if (item [2] == currporid) citystr+= '<valie value ='+item [0]+'>'+item [1]+'</option>'; } city.innerhtml = citystr; // Заполнить новый контент}} </script> <body style = "text-align: center;" Onload = "filoPtions ('провинция');"> <!-Определите раскрывающееся меню-> Сохранение: <select id = "провинция" onchange = "filloptions ('city')"> </select> <br/> <br/> City: <select id = "city"> </select> <br/> <br/> </body>Пример 2: трехуровневая связь провинций, городов и округов раскрывающихся меню
<script type = "text/javascript"> var arr = new Array (); // массив данных // Определить данные, структура: идентификатор, имя, родительский идентификатор arr [arr.length] = [1, 'beijing', null]; arr [arr.length] = [2, 'sichuan', null]; arr [arr.length] = [3, 'guangdong', null]; arr [arr.length] = [4, 'Пекин', 1]; arr [arr.length] = [5, 'chengdu', 2]; arr [arr.length] = [6, 'guangzhou', 3]; arr [arr.length] = [7, 'shenzhen', 3]; arr [arr.length] = [8, 'wuhou District', 5]; arr [arr.length] = [9, 'Qingyang District', 5]; arr [arr.length] = [10, 'Baiyun District', 6]; arr [arr.length] = [11, 'Zengcheng City', 6]; arr [arr.length] = [12, 'Conghua City', 6]; // Динамическая настройка раскрывающейся функции проекта FILOPTions (type) {if (type == 'province') {// Получить DOM раскрывающегося меню провинции var province = document.getElementById ("провинция"); Province.innerhtml = ''; // Содержимое пустое сначала // Заполните символы сохраненного var prostr = '<option value = ""> </option>'; for (var i = 0; i <arr.length; i ++) {// Передача массива var item = arr [i]; // текущий элемент // Если нет родительского идентификатора, это провинция if (item [2] == null) prostr+= '<vatue value ='+item [0]+'>'+item [1]+'</option>'; } province.innerhtml = prostr; // заполнить новый контент} else if (type == 'city') {// Получить идентификатор текущей провинции var currpoid = document.getElementbyid ("провинция"). if (currPorid == '') вернуть false; // Получить DOM городского выпадающего меню var city = document.getElementbyid ("city"); city.innerhtml = ''; // Содержимое пустое первое // заполнить символ города var citystr = '<option value = ""> </option>'; for (var i = 0; i <arr.length; i ++) {// Передача массива var item = arr [i]; // текущий пункт // Судья, является ли это в настоящее время сохраненным городом IF (ITEM [2] == CurrPOID) CityStr+= '<valie value ='+item [0]+'>'+item [1]+'</option>'; } city.innerhtml = citystr; // заполнить новый контент} else if (type == 'reaue') {// Получить идентификатор текущего города var currCityId = document.getElementById ("city"). Value; if (currCityId == '') вернуть false; // Получить DOM в раскрывающемся меню округа и округа var gree = document.getElementbyId ("зона"); Area.innerhtml = ''; // заполнить в районе и графстве символ var Quarestr = '<option value = ""> </option>'; for (var i = 0; i <arr.length; i ++) {// Передача массива var item = arr [i]; // Текущий пункт // Судья, является ли это округом или округом в рамках текущего города if (item [2] == currcityId) reastr+= '<valie value ='+item [0]+'>'+item [1]+'</option>'; } area.innerhtml = QueeStr; // заполнить новый контент}} </script> <body style = "text-align: center;" Onload = "filoptions ('провинция');"> <!-определить раскрывающееся меню-> Провинция: <select id = "провинция" onchange = "filloptions ('city')"> </select> <br/> <br/> Город: <select id = "city" onchange = "filloptions ('reable')"> </select> <br/> <br.1 <br.> <bry. <brice/ourice =::: «select/seleptions/: <brice/: <brious onchange =: id = "rea"> </select> <br/> <br/> </body>Выше всего содержание этой статьи. Я надеюсь, что это будет полезно для каждого обучения, и я надеюсь, что все будут поддерживать Wulin.com больше.