select + select

@sergda · Регистрация: 17.08.2009

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

Спецы! помогите решить задачку, значит есть select1, при выборе обьекта из selecta1 внизу или в определенном месте на этой же странице. поевлялся другой selct2, далее выбор обьекта из selecta1 поевлялся select3 вместо select2, вот както так, я тут пытался что то сотворить, но я думаю что наверно это совсем не так надо делать, подкажите как такое воплотить в жизнь?

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
<select name="dom">
<option value="привед" onClick="show_hide('none')">привед
<option value="пока" onClick="show_hide('block')" checked='checked'>пока
<option value="vottak" onClick="vottak('block')" checked='checked'>итак
</select>
 
<script Language="JavaScript"> 
 
function show_hide(value) 
{ 
 document.getElementById('element').style.display = value;
 } 
function vottak(value)
{
document.getElementById('atak').style.display = value;
}
</script> 
 
<select type="checkbox" id="element" style="display: none">
<option value="vot">vot</option>
</select>  
<select type="checkbox" id="atak" style="display: none">
<option value="vot">vot</option>
</select>

@BlackApricot · 24.08.2009, 07:54

function show_hide(idNewSelect) одна для всех.
В цикле все гасишь, а на выходе включаешь, то, что пришло
document.getElementById(idNewSelect).style.display="block";

Селекты возьми в дивы, и в этот див перенеси id="element" style="display: none"
Так будет лучше.

А это ты параллельно приключений ищешь?
function show_hide(value)
Кто ищет, то всегда найдёт. Удачи тебе в этом поиске.

P.S. Как всегда есть варианты, эти селекты можно генерить, а не включать/выключать.

@sergda · 24.08.2009, 09:09 **[ТС]**

что то у меня вообще все перестало работать, если не трудно можно пример написать, я в скрипты упал только второй день, еще молодой вообщем! Спасибо!

@sergda · 24.08.2009, 12:21 **[ТС]**

решил вот этим скриптом

JavaScript
1
2
3
4
5
6
7
8
9
10
11
function Display(which) {
  ma=document.getElementById("привед");
  em=document.getElementById("пока");
  ph=document.getElementById("vottak");
  if (which=="привед") ma.style.display="block";
    else ma.style.display="none";
  if (which=="пока") em.style.display="block";
    else em.style.display="none";
  if (which=="vottak") ph.style.display="block";
    else ph.style.display="none";
}

@BlackApricot · 24.08.2009, 21:08

Ты про это спрашивал?

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"><html><head>
<title>Демо страница</title>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<meta name="generator" content="CSE HTML Validator Халявной Версии">
<link rel="stylesheet" type="text/css" href="*.css">
<script type="text/javascript" src="all_all_J.js"></script>
<script type="text/javascript"><!--
function newSelect(){
var x=document.getElementById("sel").selectedIndex;
var i=document.getElementById("sel").options.length;
for(var k=0; i!=k; k++){document.getElementById("sel"+k).style.display="none";};
document.getElementById("sel"+x).style.display="block";
 };//end function newSelect()
--></script>
</head>
 
<body style="cursor:default;">
 
<br><br><br><br>
<div align="center">
<select id="sel" onchange="newSelect()">
<option value="one">one</option>
<option value="two">two</option>
<option value="three">three</option>
</select>
</div>
<br><br>
<div id="sel0" style="display:none; color:red;" align="center">
<select style="color:red;">
<option value="one 1">one 1</option>
<option value="two 1">two 1</option>
<option value="three 1">three 1</option>
</select>
</div>
<div id="sel1" style="display:none; color:navy;" align="center">
<select style="color:navy;">
<option value="one 2">one 2</option>
<option value="two 2">two 2</option>
<option value="three 2">three 2</option>
</select>
</div>
<div id="sel2" style="display:none; color:green;" align="center">
<select style="color:green;">
<option value="one 3">one 3</option>
<option value="two 3">two 3</option>
<option value="three 3">three 3</option>
</select>
</div>
 
 
</body>
</html>

@sergda · 25.08.2009, 20:25 **[ТС]**

это чють не то, помому что что из открвшегося селекта необходимо открыть еще один!
я работал предедущем скриптом, и все вроде замечательно, но если выбрать
пока222222 откроется еще один селект выбираем
oooooooooo появляется еще один селект ниже
9999999 но если в первом секте выбирать что нибудь другое
меняется только второй селект а третий 9999999 остается
так вот необходимо что бы он исчезал, то есть вот этот селект относился только к функции Display1
вот демо

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
<select name="dom">
<option value="bbbb">bbbbbb
<option value="привед" onClick="Display('а');">привед111111
<option value="пока" onClick="Display('б');">пока222222
<option value="vottak" onClick="Display('в');">итак3333333
</select>
 
<script language="javascript">
function Display(which) {
  ma=document.getElementById("привед");
  em=document.getElementById("пока");
  ph=document.getElementById("vottak");
  if (which=="а") ma.style.display="block";
    else ma.style.display="none";
  if (which=="б") em.style.display="block";
    else em.style.display="none";
  if (which=="в") ph.style.display="block";
    else ph.style.display="none";
}
function Display1(which) {
  pr=document.getElementById("lll");
  if (which=="lll") pr.style.display="block";
    else pr.style.display="none";
}
</script>
 
<div ID="привед" style="display:none;">
<select>
<option value="555555555">4444444</option>
</select>
</div>
<div ID="пока" style="display:none">  
<select>
<option value="5555555">55555555</option>
<option value="000000000" onClick="Display1('lll');">oooooooooo</option>
</select> 
</div> 
<div ID="vottak" style="display:none">  
<select>
<option value="6666666666">66666666</option>
</select> 
</div>
<div ID="lll" style="display:none">  
<select>
<option value="9999999">9999999</option>
</select> 
</div>

хотел бы разобратся имено с этим скриптом, так уже много чего сделал и переделовать под другой скрипт наверно будет геморой! помогите пожалуйста разобратся! Спасибо!

Добавлено через 1 час 17 минут
данную проблему в этом скрипте решаю таким образом

onClick="Display('а'); Display()"

но у меня почему то во втором, в третем все работает, а в первом селекте не работает, даже пробовал нормальную вторую функцию вызывать(не рабоает)
есть ли какое нибудь решение данной проблемы!

Добавлено через 1 час 21 минуту
а в ie вообще ничего не работает!

@sergda · 25.08.2009, 23:34 **[ТС]**

??? как по onClick вызвать две функции, так почему то не работает onClick="Display('а');Display1();" ???

@BlackApricot · 26.08.2009, 13:59

А кто тебе разрешил в ИД цифры голые использовать? А русские буквы? Перед тобой мамбе тоже самое писал, задолбали аднака. Двоечники. Поройся на форуме, уже несколько раз подробно писал.

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

а в ie вообще ничего не работает!

Вообще то осёл неправильные ИД глотает, где то ещё бяка есть, смотреть надо.

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

так почему то не работает onClick="Display('а')

isplay1();"

Должно работать, наверно ошибка в функциях, там копать надо.

Распиши логику работы, без досадных орфографических ошибок, я как понял, так и сделал.

@BlackApricot · 26.08.2009, 20:42

Не понимает осёл этого клика,
<option value="привед" onClick="Display('а');">

Осёл хочет,
<select name="dom" onchange="">

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

@sergda · 26.08.2009, 20:55 **[ТС]**

В ie никаких ошибок не выдает, но и ничего не происходит, если onclick писать не в option, а

HTML5
1
<select onClick="Display('rt');">

например, то реакция есть, то есть сам onclick из option не работает, если я конечно правильно понял. так вот есть ли по этому поводу какое нибудь решение? Потому, что работать в основном надо в ie. В своем скрипте поковырялся были ошибки с кавычками, все исправил работает замечательно в опере, но блин в ie никак, ПОМОГИТЕ! Спасибо!
а логика вообще такая. есть первый селект, по выбору появляется второй селект, из второго третий, но если в первом выбрать другой оптион, второй, третий и т.д. пропадают и появляется другой селект вместо второго и т.д.. вот как то так. еще раз повторюсь этот код работает в опере в ie не работает, скажите решение работоспособности в опере, или может другой похожий скрипт, что бы работал в ie. Спасибо!

@BlackApricot · 26.08.2009, 21:51

Осёл хочет,
<select name="dom" onchange="">
Работает Только из селекта, клик и дубль-клик, тоже работают отсюда, но кривенько, нормально только onchange.

Надеюсь, логику понял, попробую.

@BlackApricot · 27.08.2009, 09:33

Будет лучше, если ты напишешь html со всеми нужными селектами. Так надёжней.

@sergda · 27.08.2009, 22:50 **[ТС]**

решаю броблему следующим образом

Java
1
2
3
4
5
6
7
8
<script language="javascript">
function clicker(that) {
var pick = that.options[that.selectedIndex].value;
  em=document.getElementById("biz");
    else ma.style.display="none";
   if (pick=="СТРИМ БИЗНЕС") em.style.display="block";
    else em.style.display="none";
}

HTML5
1
2
<select size="4" style="background-color:#ffaaaa; name="tip" id="tip" onclick="clicker(this);">
</select>

в ie все работает, все нормально, но есть второй выбор по первому селектору в котором открывается новая функция с новым селектором, и при возврате к выбору первого селектора, информация от старого селектора остается на экране, как сделать чтобы при выборе другой функции предедущая функция была display="none". если хочешь пришлю всю полностью работу, она правда без подключений скриптов т.е. все на одном листе так как так и надо, и длинный, в принципе там сделано уже больше половины. Необходимо осталось только разобратся с display="none"; на селектах стоит по умолчанию none, и в скрипте иначе none, что еще можно прописать. подскажите? или еще раз повторяюсь пришлю всю работу полностю. а то что руские буквы фигурируют в скрипте, это только то что скрипт работает по value, также потом скрипт собирает все выбранные value и помещает их в textarea. вот так. но зато все работает.

@BlackApricot · 28.08.2009, 08:29

Это хорошая идея. Упакуй и давай. Или в ЛС сбрось. Как хочешь. Только html погоняй в валидаторе.

@sergda · 28.08.2009, 21:55 **[ТС]**

Спасибо всем огромное всем кто отозвался и пытался мне помочь, все сам сделал,
добавил в нужную функцию
document.getElementById("nolink").style. display='none';
где необходимо отключить и т.д.
но это работа с id, а можно таким же образом отключить или включить нужную функцию?
еще раз спасибо!

@BlackApricot · 29.08.2009, 07:53

А зачем функцию отключать? Не обращайся к ней она и делать ни чего не будет.
Но может такой фокус пригодиться.
var yesNo=true; - глобальная переменная
function func(){if(yesNo){return;};...};
Перед вызовом функции выставляешь нужное в переменную, а потом зовёшь функцию.
Идея простая, вариантов реализации много, в общем "по месту".
Если без глобальной переменной, то параметр в функцию передавай.

А отключить функцию, наверно, не возможно.

visibility:visible; ....style.visibility="visible";
visibility:hidden; ....style.visibility="hidden";
То-же, что и display, но сохраняет место в потоке, а не "удаляет".
Если не знал, просто попробуй, и поймёшь разницу.

@sergda · 05.09.2009, 10:23 **[ТС]**

BlackApricot, вот сам файл, посмотри пожалуйста

06.09.2010, 11:15

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

Ты про это спрашивал?

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"><html><head>
<title>Демо страница</title>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<meta name="generator" content="CSE HTML Validator Халявной Версии">
<link rel="stylesheet" type="text/css" href="*.css">
<script type="text/javascript" src="all_all_J.js"></script>
<script type="text/javascript"><!--
function newSelect(){
var x=document.getElementById("sel").selectedIndex;
var i=document.getElementById("sel").options.length;
for(var k=0; i!=k; k++){document.getElementById("sel"+k).style.display="none";};
document.getElementById("sel"+x).style.display="block";
 };//end function newSelect()
--></script>
</head>
 
<body style="cursor:default;">
 
<br><br><br><br>
<div align="center">
<select id="sel" onchange="newSelect()">
<option value="one">one</option>
<option value="two">two</option>
<option value="three">three</option>
</select>
</div>
<br><br>
<div id="sel0" style="display:none; color:red;" align="center">
<select style="color:red;">
<option value="one 1">one 1</option>
<option value="two 1">two 1</option>
<option value="three 1">three 1</option>
</select>
</div>
<div id="sel1" style="display:none; color:navy;" align="center">
<select style="color:navy;">
<option value="one 2">one 2</option>
<option value="two 2">two 2</option>
<option value="three 2">three 2</option>
</select>
</div>
<div id="sel2" style="display:none; color:green;" align="center">
<select style="color:green;">
<option value="one 3">one 3</option>
<option value="two 3">two 3</option>
<option value="three 3">three 3</option>
</select>
</div>
 
 
</body>
</html>

Спасибо, лично мне ваш вариант подошол на 100%.

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью 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 полиномов. . .

@BlackApricot 288 / 131 / 4 Регистрация: 15.02.2009 Сообщений: 520
	24.08.2009, 07:54
	function show_hide(idNewSelect) одна для всех. В цикле все гасишь, а на выходе включаешь, то, что пришло document.getElementById(idNewSelect).style.display="block"; Селекты возьми в дивы, и в этот див перенеси id="element" style="display: none" Так будет лучше. А это ты параллельно приключений ищешь? function show_hide(value) Кто ищет, то всегда найдёт. Удачи тебе в этом поиске. P.S. Как всегда есть варианты, эти селекты можно генерить, а не включать/выключать. 0

@sergda 3 / 3 / 0 Регистрация: 17.08.2009 Сообщений: 75
	24.08.2009, 09:09 [ТС]
	что то у меня вообще все перестало работать, если не трудно можно пример написать, я в скрипты упал только второй день, еще молодой вообщем! Спасибо! 0

@sergda 3 / 3 / 0 Регистрация: 17.08.2009 Сообщений: 75
	25.08.2009, 23:34 [ТС]
	??? как по onClick вызвать две функции, так почему то не работает onClick="Display('а');Display1();" ??? 0

@BlackApricot 288 / 131 / 4 Регистрация: 15.02.2009 Сообщений: 520
	26.08.2009, 20:42
	Не понимает осёл этого клика, <option value="привед" onClick="Display('а');"> Осёл хочет, <select name="dom" onchange=""> Ид не забудь в порядок привести, и выкладывай готовый HTML, чтоб на этом время не терять. 0

@BlackApricot 288 / 131 / 4 Регистрация: 15.02.2009 Сообщений: 520
	26.08.2009, 21:51
	Осёл хочет, <select name="dom" onchange=""> Работает Только из селекта, клик и дубль-клик, тоже работают отсюда, но кривенько, нормально только onchange. Надеюсь, логику понял, попробую. 0

@BlackApricot 288 / 131 / 4 Регистрация: 15.02.2009 Сообщений: 520
	27.08.2009, 09:33
	Будет лучше, если ты напишешь html со всеми нужными селектами. Так надёжней. 0

@BlackApricot 288 / 131 / 4 Регистрация: 15.02.2009 Сообщений: 520
	28.08.2009, 08:29
	Это хорошая идея. Упакуй и давай. Или в ЛС сбрось. Как хочешь. Только html погоняй в валидаторе. 1

@sergda 3 / 3 / 0 Регистрация: 17.08.2009 Сообщений: 75
	28.08.2009, 21:55 [ТС]
	Спасибо всем огромное всем кто отозвался и пытался мне помочь, все сам сделал, добавил в нужную функцию document.getElementById("nolink").style. display='none'; где необходимо отключить и т.д. но это работа с id, а можно таким же образом отключить или включить нужную функцию? еще раз спасибо! 0

@BlackApricot 288 / 131 / 4 Регистрация: 15.02.2009 Сообщений: 520
	29.08.2009, 07:53
	А зачем функцию отключать? Не обращайся к ней она и делать ни чего не будет. Но может такой фокус пригодиться. var yesNo=true; - глобальная переменная function func(){if(yesNo){return;};...}; Перед вызовом функции выставляешь нужное в переменную, а потом зовёшь функцию. Идея простая, вариантов реализации много, в общем "по месту". Если без глобальной переменной, то параметр в функцию передавай. А отключить функцию, наверно, не возможно. visibility:visible; ....style.visibility="visible"; visibility:hidden; ....style.visibility="hidden"; То-же, что и display, но сохраняет место в потоке, а не "удаляет". Если не знал, просто попробуй, и поймёшь разницу. 0