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%.

Новые блоги и статьи Все статьи Все блоги /
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 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит переходные токи и напряжения на элементах схемы. . . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

@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