javascript для <select onChange> - JavaScript, Ajax

K.Serg.V · 29.01.2010, 23:33

Пожалуйста, помогите, кто знает. Возникла проблема. При входе на страничку видны поля формы, это поле с выбором: город, область и поле формы: районы города.
Привыборе <option>область, прячется поле формы: "районы города" и появляется поле формы "города области". Но, если после этого выбрать
<option>город, то изменений нет, а надо, чтоб поле формы: "города области" пряталось и появлялось обратно поле "районы города".
Ввиду незнания javascript, прошу помощи: что и где нужно изменить, чтоб вышеописаное осуществлялось. Заранее благодарен!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
<script type="text/javascript">
function go(i_page)
{
switch (i_page)
{
case 1:
document.getElementById('i_page1'). style.display="block";
document.getElementById('i_page2'). style.display="none";
break;
case 2:
document.getElementById('i_page1'). style.display="none";
document.getElementById('i_page2'). style.display="block";
}
}
</script>
</head>
</body>
</html>
<body>

<select onChange="javascript: go(2);">
<option> город </option>
<option> область </option>
</select>
<br><br><br><br>

<div id="i_page1">
Районы города<br>
<select>
<option> 1 район города </option>
<option> n район города </option>
</select>
</div>

<div id="i_page2" style="display: none">
Города области<br>
<select>
<option> 1 город области </option>
<option> n город области </option>
</select>
</div>

</body>
</html>

slips · 30.01.2010, 16:16

Код HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Untitled Document</title>
<script type="text/javascript">
 function go(i_page) 
  { 
    var val_i_page = i_page.value;
    document.getElementById('i_page1').style.display=(val_i_page==0) ? "" : "none";
    document.getElementById('i_page2').style.display=(val_i_page==1) ? "" : "none";
  } 
</script> 
</head>
</body>
</html>
<body>

<select onChange="javascript: go(this);"> 
<option value="0"> город </option>
<option value="1"> область </option> 
</select>
<br><br><br><br>

<div id="i_page1"> 
Районы города<br>
<select> 
<option> 1 район города </option>
<option> n район города </option> 
</select> 
</div> 

<div id="i_page2" style="display: none">
Города области<br> 
<select> 
<option> 1 город области </option>
<option> n город области </option> 
</select> 
</div>

</body>
</html>

K.Serg.V · 30.01.2010, 16:21

Примного БЛАГОДАРЕН, всё работает так как хотел.

29.01.2010, 23:33	#1
K.Serg.V Новичок Джуниор Регистрация: 29.01.2010 Сообщений: 2	javascript для <select onChange> Пожалуйста, помогите, кто знает. Возникла проблема. При входе на страничку видны поля формы, это поле с выбором: город, область и поле формы: районы города. Привыборе <option>область, прячется поле формы: "районы города" и появляется поле формы "города области". Но, если после этого выбрать <option>город, то изменений нет, а надо, чтоб поле формы: "города области" пряталось и появлялось обратно поле "районы города". Ввиду незнания javascript, прошу помощи: что и где нужно изменить, чтоб вышеописаное осуществлялось. Заранее благодарен! <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title> <script type="text/javascript"> function go(i_page) { switch (i_page) { case 1: document.getElementById('i_page1'). style.display="block"; document.getElementById('i_page2'). style.display="none"; break; case 2: document.getElementById('i_page1'). style.display="none"; document.getElementById('i_page2'). style.display="block"; } } </script> </head> </body> </html> <body> <select onChange="javascript: go(2);"> <option> город </option> <option> область </option> </select> <br><br><br><br> <div id="i_page1"> Районы города<br> <select> <option> 1 район города </option> <option> n район города </option> </select> </div> <div id="i_page2" style="display: none"> Города области<br> <select> <option> 1 город области </option> <option> n город области </option> </select> </div> </body> </html>

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
В зависимости от выбора в Select изменить значения другого Select	Tayfun	HTML и CSS	3	18.08.2011 00:05
Select t1.N,t1.FIO,(select t2.acc from t2 where t2.type=1) from t1,t2	mavlon_m	SQL, базы данных	2	17.09.2009 15:28
Auto LISP. Как программно задать координаты для команд типа SELECT	Stilet	Софт	0	10.07.2008 15:28
TEdit.Onchange	azat	Компоненты Delphi	1	27.11.2007 12:36
Передача значения в <select></select>	kkkggg	Gamedev - cоздание игр: Unity, OpenGL, DirectX	1	06.09.2007 00:26

30.01.2010, 16:21	#3
K.Serg.V Новичок Джуниор Регистрация: 29.01.2010 Сообщений: 2	Примного БЛАГОДАРЕН, всё работает так как хотел.