Выпадающий список

@RussianPro · Регистрация: 07.04.2012

Студворк — интернет-сервис помощи студентам

Как сделать так, чтобы при выборе одного элемента списка появлялся другой список?

@princessaiko · 25.04.2012, 18:03

Если программируешь на delphi то такое можно сделать

@RussianPro · 25.04.2012, 18:04 **[ТС]**

Сообщение от princessaiko

Если программируешь на delphi то такое можно сделать

Я не знаком с Delphi! Очень нужен скрипт именно на JS.

25.04.2012, 19:21

Как то так

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Blogislife</title>
</head>
<body>
<script type="text/javascript">
function tepp(){
if(freh.style.display == "none")
{
freh.style.display = "block";
hreh.style.display ="none";
}
else
{
freh.style.display = "none";
}
}
function pett(){
if(hreh.style.display == "none")
{
hreh.style.display = "block";
freh.style.display = "none";
}
else
{
hreh.style.display = "none";
}
}
</script>
<div style="display : block">
<a href="#" onclick="tepp()" >Меню</a><br>
<div id="freh" style="display: none">
<a href="sdhfg.php">Привет</a>
<a href="dsf.php">Пока</a>
</div>
<a href="#" onclick="pett()" >Меню2</a>
<div id="hreh" style="display: none">
<a href="sdhfg.php">Привет</a>
<a href="dsf.php">Пока</a>
</div>
</div>
</body>
</html>

@RussianPro · 25.04.2012, 19:47 **[ТС]**

ahserg,

Вы видимо не поняли что мне нужно. Мне нужно, чтобы при выборе элемента из списка <ul> выпадал ещё один список <ul>. А то что Вы написали слишком громостко и не удобно!!! Вот пример того, что написали Вы только в облегчённом виде:

JavaScript
1
2
3
4
5
6
7
<script type = "text/javascript">
function vh(id) {
   object = document.getElementById(id);
   if (object.style.display == 'none') object.style.dispay = 'block';
   else object.style.display = 'none';
}
</script>

И потом в <body> прописать:

HTML5
1
2
3
4
5
<h1 onclick = "vh('hidden')">Показать</h1>
<div id = "hidden" style = "display: none;">
   <a href = "#">Ссылка 1</a>
   <a href = "#">Ссылка 2</a>
</div>

Код приведенный выше на списке не работает почему-то...

@kalabuni · 25.04.2012, 19:58

Когда говорят о "выборе элемента из списка", обычно подразумевают тег <SELECT>, который и предназначен именно для выбора какого-либо одного или нескольких <OPTION> из списка этих самых <OPTION>.
Выбор этот визуально отображается выделением выбранного (выбранных) <OPTION>.

Вам же нужно, как выяснилось, каким-то образом "выбрать" один тег <LI> из списка <UL>.

Разъясните пожалуйста, что вы понимаете под словом "выбор" в этом случае?
Как этот "выбор" происходит?
И как этот "выбор" должен визуально отобразиться на экране?

@RussianPro · 25.04.2012, 20:16 **[ТС]**

Сообщение от kalbuni

Когда говорят о "выборе элемента из списка", обычно подразумевают тег <SELECT>, который и предназначен именно для выбора какого-либо одного или нескольких <OPTION> из списка этих самых <OPTION>.
Выбор этот визуально отображается выделением выбранного (выбранных) <OPTION>.

Вам же нужно, как выяснилось, каким-то образом "выбрать" один тег <LI> из списка <UL>.

Разъясните пожалуйста, что вы понимаете под словом "выбор" в этом случае?
Как этот "выбор" происходит?
И как этот "выбор" должен визуально отобразиться на экране?

Блин перепутал! Не из <ul>, а из <select>. Под словом "выбор" я имею ввиду выделение из списка тега <option>.

@kalabuni · 25.04.2012, 22:45

Главное в этом деле - правильно и без ошибок/описок сделать т.н. базу данных для всех <SELECT>'ов.

<SELECT>'ов на каждый момент времени у вас будет максимум два, но фактически их количество будет равно сумме "количества опшенов в первом списке" + "сам первый список".

Javascript не имеет специальных механизмов для формирования баз данных.
Поэтому всё решать следует, используя массивы.

Например, для задачи показа городов для стран, выбранных в первом списке, с последующим показом, например, численности жителей этих городов, можно сформировать следующую "базу данных":

JavaScript
1
2
3
4
5
var CountriesAndCities = new Array ();
CountriesAndCities [0] = 'Россия = Москва / 11000000, Санкт-Петербург / 5000000, Нижний Новгород /3000000';
CountriesAndCities [1] = 'Украина = Киев / 7000000, Харьков / 3000000';
CountriesAndCities [2] = 'Белоруссия = Минск / 4500000';
...

Надо строго выдержать заданный шаблон, учитывающий точно все разделительные символы и точное количество пробелов в нужных местах:
'СтранапробелравнопробелГородпробелслешпробелчисло_жителейзапятая[пробелГородпробелслешпробелчисло_жителей]'

Сделать и доложить!

Тогда пойдём дальше.

@RussianPro · 25.04.2012, 22:52 **[ТС]**

Сообщение от kalbuni

Главное в этом деле - правильно и без ошибок/описок сделать т.н. базу данных для всех <SELECT>'ов.

<SELECT>'ов на каждый момент времени у вас будет максимум два, но фактически их количество будет равно сумме "количества опшенов в первом списке" + "сам первый список".

Javascript не имеет специальных механизмов для формирования баз данных.
Поэтому всё решать следует, используя массивы.

Например, для задачи показа городов для стран, выбранных в первом списке, с последующим показом, например, численности жителей этих городов, можно сформировать следующую "базу данных":

JavaScript
1
2
3
4
5
var CountriesAndCities = new Array ();
CountriesAndCities [0] = 'Россия = Москва / 11000000, Санкт-Петербург / 5000000, Нижний Новгород /3000000';
CountriesAndCities [1] = 'Украина = Киев / 7000000, Харьков / 3000000';
CountriesAndCities [2] = 'Белоруссия = Минск / 4500000';
...

Надо строго выдержать заданный шаблон, учитывающий точно все разделительные символы и точное количество пробелов в нужных местах:
'СтранапробелравнопробелГородпробелслешпробелчисло_жителейзапятая[пробелГородпробелслешпробелчисло_жителей]'

Сделать и доложить!

Тогда пойдём дальше.

А как это поможет мне?

@kalabuni · 25.04.2012, 23:06

Так сделать вам надо ВАШ массив, с ВАШИМИ данными.
Мей би, у вас это будут не страны, а ваши друзья.
И не города, а их девушки.
И в результате будет показываться не число жителей, а фотографии этих девушек в стилю ню...

Когда сделаете, доложите здесь в виде кусочка кода... проверю, укажу на ошибки (если они вдруг будут)... вот тогда и расскажу, как из ВАШЕЙ базы данных "лепятся" два зависимых селекта.

Новые блоги и статьи Все статьи Все блоги /
Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .

@RussianPro 7 / 7 / 1 Регистрация: 07.04.2012 Сообщений: 76

	Выпадающий список 25.04.2012, 18:01. Показов 2260. Ответов 9 Метки нет (Все метки) Как сделать так, чтобы при выборе одного элемента списка появлялся другой список? 0

@princessaiko 1 / 1 / 0 Регистрация: 17.12.2010 Сообщений: 37
	25.04.2012, 18:03
	Если программируешь на delphi то такое можно сделать 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	25.04.2012, 19:58
	Когда говорят о "выборе элемента из списка", обычно подразумевают тег <SELECT>, который и предназначен именно для выбора какого-либо одного или нескольких <OPTION> из списка этих самых <OPTION>. Выбор этот визуально отображается выделением выбранного (выбранных) <OPTION>. Вам же нужно, как выяснилось, каким-то образом "выбрать" один тег <LI> из списка <UL>. Разъясните пожалуйста, что вы понимаете под словом "выбор" в этом случае? Как этот "выбор" происходит? И как этот "выбор" должен визуально отобразиться на экране? 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	25.04.2012, 23:06
	Так сделать вам надо ВАШ массив, с ВАШИМИ данными. Мей би, у вас это будут не страны, а ваши друзья. И не города, а их девушки. И в результате будет показываться не число жителей, а фотографии этих девушек в стилю ню... Когда сделаете, доложите здесь в виде кусочка кода... проверю, укажу на ошибки (если они вдруг будут)... вот тогда и расскажу, как из ВАШЕЙ базы данных "лепятся" два зависимых селекта. 0