Как сделать всплывающий select?

@aikidzin · Регистрация: 11.01.2007

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

Задача такая: есть 1 select. Пользователь выбирает в нём одно значение и тут же появляется 2й select, он выбирает значение во втором selecte и появляется 3й. Значения их не связаны, сам факт что при выборе selecta появляется новый. Как это можно сделать?

@Vizlim · 12.01.2007, 01:08

Посмотри эту тему: http://www.relib.com/forums/Topic884753-10-1.aspx?Highlight=select http://www.relib.com/forums/Topic884753-10-1.aspx?Highlight=select

@bazile · 12.01.2007, 13:17

Скрываем "ненужные" селекты с помощью style="display:none", а на onchange у селектов пишем код показывающий их: .style.display = "inline";

@aikidzin · 13.01.2007, 00:17 **[ТС]**

Посмотрите, пожалуйста на наличии ошибок.Я, честно говоря, начинающий веб программист

PHP/HTML
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
<HTML>
   <HEAD>
      <STYLE TYPE="text/css"> 
         .collapsed {display:none}
         .showed{display:inline}
      </STYLE>
 
      <SCRIPT LANGUAGE="JavaScript">
         function outliner() {
            var child =
               document.all[event.srcElement.getAttribute("child", false)];
            if (null != child)
               child.className = child.className == "collapsed" ? "showed" : "collapsed";
         }
      </SCRIPT>
   </HEAD>
   <BODY>
      <select CLASS="showed" ONCHANGE="outliner()" child="info"> 
         <option value=1>1</option>
         <option value=2>2</option>
    </SELECT>
      <DIV ID="info" CLASS="collapsed">
       <SELECT NAME="MinDays" size=1>
          <option value=11>11</option>
          <option value=12>12</option>
       </SELECT>
      </DIV>
   </BODY>
</HTML>

@aikidzin · 13.01.2007, 00:22 **[ТС]**

А почему с 3мя селектами не работает?

PHP/HTML
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
<HTML>
   <HEAD>
      <STYLE TYPE="text/css">
         .collapsed {display:none}
         .showed{display:inline}
      </STYLE>
 
      <SCRIPT LANGUAGE="JavaScript">
         function outliner() {
            var child =
               document.all[event.srcElement.getAttribute("child", false)];
            if (null != child)
               child.className = child.className == "collapsed" ? "showed" : "collapsed";
         }
      </SCRIPT>
   </HEAD>
   <BODY>
      <select CLASS="showed" ONCHANGE="outliner()" child="info">
         <option value=1>1</option>
         <option value=2>2</option>
    </SELECT>
      <DIV ID="info" CLASS="collapsed" ONCHANGE="outliner()" child="info1">
       <SELECT NAME="MinDays" size=1>
          <option value=11>11</option>
          <option value=12>12</option>
       </SELECT>
      </DIV>
      <DIV ID="info1" CLASS="collapsed"> 
       <SELECT NAME="MinDays1" size=1>
          <option value=111>111</option>
          <option value=112>112</option>
       </SELECT>
      </DIV>
   </BODY>
</HTML>

@Vizlim · 14.01.2007, 00:13

aikidzin (12.01.2007)
А почему с 3мя селектами не работает?
<HTML>
<HEAD>
<STYLE TYPE="text/css
.collapsed {display:none}
.showed{display:inline}
</STYLE>

<SCRIPT LANGUAGE="JavaScript
function outliner() {
var child =
document.all[event.srcElement.getAttribute("child",
false)];
if (null != child)
child.className = child.className == "collapsed" ?
"showed" : "collapsed";
}
</SCRIPT>
</HEAD>
<BODY>
<select CLASS="showed" ONCHANGE="outliner()" child="info
<option value=1>1</option>");
<option value=2>2</option>");
</SELECT>
<DIV ID="info" CLASS="collapsed" ONCHANGE="outliner()" child="info1
<SELECT NAME="MinDays" size=1>
<option value=11>11</option>");
<option value=12>12</option>");
</SELECT>
</DIV>
<DIV ID="info1" CLASS="collapsed
<SELECT NAME="MinDays1" size=1>
<option value=111>111</option>");
<option value=112>112</option>");
</SELECT>
</DIV>
</BODY>
</HTML>

У тебя всё почти правильно, ты чуть чуть промахнулся, ты написал вызов на выполнения обработки события не туда:
<EM><DIV ID="info" CLASS="collapsed" ONCHANGE="outliner()" child="info1 </EM>
<EM><SELECT NAME="MinDays" size=1></EM>
надо было написать:
<STRONG><DIV ID="info" CLASS="collapsed
<SELECT NAME="MinDays" size=1 ONCHANGE="outliner()" child="info1 </STRONG>
и всё теперь работает как нужно =))

@aikidzin · 15.01.2007, 18:12 **[ТС]**

Всем ОГРОМНОЕ спасибо

Новые блоги и статьи Все статьи Все блоги /
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .

@aikidzin 0 / 0 / 0 Регистрация: 11.01.2007 Сообщений: 4

	Как сделать всплывающий select? 11.01.2007, 23:59. Показов 4108. Ответов 6 Метки нет (Все метки) Задача такая: есть 1 select. Пользователь выбирает в нём одно значение и тут же появляется 2й select, он выбирает значение во втором selecte и появляется 3й. Значения их не связаны, сам факт что при выборе selecta появляется новый. Как это можно сделать? 0

@Vizlim 5 / 5 / 5 Регистрация: 24.10.2011 Сообщений: 269
	12.01.2007, 01:08
	Посмотри эту тему: http://www.relib.com/forums/Topic884753-10-1.aspx?Highlight=select http://www.relib.com/forums/Topic884753-10-1.aspx?Highlight=select 0

@bazile 86 / 62 / 69 Регистрация: 15.03.2007 Сообщений: 6,903
	12.01.2007, 13:17
	Скрываем "ненужные" селекты с помощью style="display:none", а на onchange у селектов пишем код показывающий их: .style.display = "inline"; 0

@aikidzin 0 / 0 / 0 Регистрация: 11.01.2007 Сообщений: 4
	15.01.2007, 18:12 [ТС]
	Всем ОГРОМНОЕ спасибо 0