Показать второй select при выборе пункта в первом

@_Barsenal_ · Регистрация: 19.05.2012

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

Привет программистам!
Подскажите пожалуйста, вот у меня есть, к примеру, открывающийся список:

HTML5
1
2
3
4
5
6
7
<select>
        <option>В_1</option> 
        <option>В_2</option>
        <option>В_3</option>
</select>
<br>
<button>Кнопка</button>

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

HTML5
1
2
3
4
5
<select>
        <option>В_1.1</option> 
        <option>В_1.2</option>
        <option>В_1.3</option>
</select>

@and_y87 · 31.08.2012, 13:49

_Barsenal_,
Можно сделать зарание все селекты и просто менять им свойство

CSS
1
display: none

на

CSS
1
display: block

Это самый простой метод...

Метод сложнее JS - Подгружать селекты по хожу дела... (при выборе option)

@_Barsenal_ · 31.08.2012, 13:55 **[ТС]**

Не мог бы ты на примере показать?

@and_y87 · 31.08.2012, 18:18

_Barsenal_, Мог бы...
пишу первый пример...

Добавлено через 36 минут
Вот вам пример... на его основе можно сделать впринципе...

Тут HTML код страницы

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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Документ без названия</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
    $("#select1").change(function () {
        var x = $('select option:selected').attr('name');
        $('#step2').find('select').css('display','none');
        $('#'+x).css('display','block');
    })
});
</script>
<style>
#step2 select{
    display:none;
}
</style>
</head>
 
<body>
 
<select id="select1">
    <option selected disabled>Выбирите</option>
    <option name="select1_step2">А</option>
    <option name="select2_step2">a</option>
    <option name="select3_step2">1</option>
    <option name="select4_step2">I</option>
</select>
 
<div id="step2">
<select id="select1_step2">
    <option selected disabled>Выбирите</option>
    <option>А</option>
    <option>B</option>
    <option>C</option>
    <option>D</option>
</select>
<select id="select2_step2">
    <option selected disabled>Выбирите</option>
    <option>a</option>
    <option>b</option>
    <option>c</option>
    <option>d</option>
</select>
<select id="select3_step2">
    <option selected disabled>Выбирите</option>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
</select>
<select id="select4_step2">
    <option selected disabled>Выбирите</option>
    <option>I</option>
    <option>II</option>
    <option>III</option>
    <option>IV</option>
</select>
</div>
</body>
</html>

Тут пример работы

Добавлено через 2 минуты
P.S. Скрипт не универсален!
Я просто покзал логику, какой её вижу Я...

@_Barsenal_ · 01.09.2012, 07:59 **[ТС]**

спасибо тебе огромное!

@and_y87 · 01.09.2012, 13:57

Не по теме:

_Barsenal_, :friends:

@SlavAz · 01.09.2012, 14:57

Причем здесь вебдизайн?

Не по теме:

_Barsenal_, Барселона Арсенал? )

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .

@_Barsenal_ 0 / 0 / 0 Регистрация: 19.05.2012 Сообщений: 11
	31.08.2012, 13:55 [ТС]
	Не мог бы ты на примере показать? 0

@_Barsenal_ 0 / 0 / 0 Регистрация: 19.05.2012 Сообщений: 11
	01.09.2012, 07:59 [ТС]
	спасибо тебе огромное! 0

@and_y87
	01.09.2012, 13:57
	Не по теме: _Barsenal_, :friends: 0

@SlavAz ѪѦѢ 599 / 168 / 5 Регистрация: 19.08.2011 Сообщений: 665 Записей в блоге: 3
	01.09.2012, 14:57
	Причем здесь вебдизайн? Не по теме: _Barsenal_, Барселона Арсенал? ) 0