Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Помогите применить onChange на форме (https://javascript.ru/forum/events/15739-pomogite-primenit-onchange-na-forme.html)

sinsir 11.03.2011 11:42

Помогите применить onChange на форме
 
Здравствуйте.
У меня такая проблема:
нужно сделать, чтобы при выборе страны ,в одной колонке, в другой появлялся соответствующий список городов.
Сам список я засунул в переменную PHP, так как список здоровенный и в одну строчку его не всунеш.
Теперь пытаюсь написать условие вызова этих переменных с помощью Javascript.
Получается что-то такое (пример):
<form> 
Выберите город: 
<select name="city" onChange="selChange(this.form)"> 
<option>1
<option>2 
<option>3 
<option>4 
</select> 
</form> 
<script language ="JavaScript"> 
<!-- 
function selChange(seln) { 
selNum = seln.city.selectedIndex; 
Isel = seln.city.options[selNum].text; 
alert("Выбрано: "+Isel);
if (Isel == 1)
{var as = "de";}
else
{var as = "ru";}
document.write(as);
}


Только вот document.write выводит переменную на новой странице, почемуто, а нужно чтобы он писал в текущей странице.
Что я делаю не так?

dmitriymar 11.03.2011 11:47

innerHTML

ksa 11.03.2011 11:47

Цитата:

Сообщение от sinsir
Только вот document.write выводит переменную на новой странице, почемуто, а нужно чтобы он писал в текущей странице

Не используй его.

sinsir 11.03.2011 11:50

Цитата:

Сообщение от ksa (Сообщение 96067)
Не используй его.

Я б с радостью, только я с javascript на Вы пока, и незнаю что еще можно использовать. Поэтому то и спрашиваю :)

ksa 11.03.2011 11:56

sinsir, как вариант...

<script language ="JavaScript"> 
function selChange(seln) { 
selNum = seln.city.selectedIndex; 
Isel = seln.city.options[selNum].text; 
alert("Выбрано: "+Isel);
if (Isel == 1)
{var as = "de";}
else
{var as = "ru";}
document.getElementById('test').innerHTML=as;
}
</script>

<form> 
<label>Выберите город: </label>
<select name="city" onchange="selChange(this.form)"> 
<option>1
<option>2 
<option>3 
<option>4 
</select> 
</form> 
<div id='test'></test>

sinsir 11.03.2011 12:06

работает

ksa 11.03.2011 12:12

Цитата:

Сообщение от sinsir
работает

А куда оно денется-то... :D

sinsir 11.03.2011 12:13

Спасибо:thanks:

ksa 11.03.2011 12:14

Цитата:

Сообщение от sinsir
Спасибо

Что-то к карме ничего не прибавилось... :D

sinsir 14.03.2011 12:13

Сори, сразу несообразил

Назик 09.02.2012 08:12

Спасибо, применила на практике


Часовой пояс GMT +3, время: 03:28.