В этом примере разделяет меню «Реализация JS», выберите «Вторичное сцепление» для вашей ссылки. Конкретный контент заключается в следующем
<%@ page language = "java" import = "java.util.*" pageencoding = "utf-8"%> <%string path = request.getContextPath (); string basePath = request.getScheme ()+": //"+request.getServername ()+":"+request.getSerperport () phate+"/";%> <t) <). «-// w3c // dtd html 4.01 transitional // en"> <html> <head> <title> Новый документ </title> <Meta name = "Generator" Content = "EditPlus"> <Meta name = "Автор" Content = "> <Meta name =" Content "Content ="> <Meta name = ""> <cript = "'' stance101, type = "text/javascript"> // определяет двумерный массив городов, а порядок в нем такой же, как и у провинций. Получите значение подсказка провинции SelectedIndex, чтобы получить соответствующий городской массив Var City = [«Пекин», «Тяньцзин», «Шанхай», «Чунцин»], [«Нанкин», «Сучжоу», «Нантонг», «Чангж»], [«Фуцжоу», «Фуан», «наинг. ["Гуанчжоу", "Чаоян", "Чаочоу", "Ченхай"], ["Ланчжоу", "Байин", "Динси", "Данхуанг"]]; function getCity () {// Получить объект раскрывающейся коробки провинции var sltprovince = document.form1.province; // Получить объект раскрывающейся коробки города var sltcity = document.form1.city; // Получить городской массив VAR соответствующей провинции провинции = City [sltprovince.selectedIndex - 1]; // очистить раскрывающуюся коробку города, оставляя только опцию приглашения sltcity.length = 1; // Заполнить значение в городском массиве в раскрывающуюся коробку города для (var i = 0; i <провинция. }} </script> </head> <body> <form method = post action = "" name = "form1"> <select name = "province" onchange = "getCity ()"> <опция value = "0"> Пожалуйста, выберите свою провинцию </option> <опция value = "gansu"> option> antuare = vitation = vature = "jiangsu province"> jian VALUE="Fujian Province">Fujian Province</OPTION> <OPTION VALUE="Guangdong Province">Guangdong Province</OPTION> <OPTION VALUE="Gansu Province">Gansu Province</OPTION> </SELECT> <SELECT NAME="city"> <OPTION VALUE="0">Please select your city</OPTION> </SELECT> </FORM> </BODY></HTML>Этот код относительно прост.
Если вы не знакомы с Дж .
1. Используйте свойство SelectedIndex, чтобы получить индекс текущей опции
Параметры в раскрывающемся поле представляют собой линейный массив, каждый вариант имеет индекс, а SelectedIndex представляет номер индекса выбранной в данный момент опции. В сочетании с атрибутом параметров можно получить выбранный объект опции, чтобы он мог быть дополнительно обработан. Когда раскрывающаяся ящик может быть выбирается, свойство SelectedIndex возвращает первый выбранный индекс.
SelectedIndex-это свойство только для чтения. Если вы хотите установить элемент в раскрывающемся поле, указанном через индекс в выбранное состояние, вы можете установить выбранное = true на объект опции для его достижения.
2. Добавьте опцию в объект SELECT
sltcity [i+1] = новый вариант (провинция [i], провинция [i]);
Новый вариант (Provincecity [i], Provincecity [i]) означает создание объекта опции с провинцией Value [i], а текст - провинция [i]. Sltcity - это городской объект на странице. I+1 Указывает местоположение недавно добавленной опции.
3. Снять объект выбора
Есть два способа удаления всех вариантов в раскрывающейся коробке.
Первый метод - пересечь удаление:
var l = mySelect.length; for (var i = 0; i <l; i ++) {mySelect.Options [i] = null; }Второй метод относительно прост, поэтому этот метод обычно используется:
myselect.length = 0;