Помогите доделать скрипт. Суть его такова. В первом select выбираем страну. В зависимости от того, какую выбрали страну, во втором select открываются города этой страны. Не хватает там, того, чтобы после того как во втором select выбрали город, снизу должен появляться текст. Например при выборе "Москва", текст "Столица России", при выборе "Самара" - "Красивый город" и т.д.
Вот сам скрипт:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=win-1251">
<script>
var Cou = new Array ();
Cou [0] = 'Москва=Самара=Армавир=Тула=Владивосток=';
Cou [0] += 'Новгород=Астрахань=Ростов=Ярославль=Казань=';
Cou [0] += 'Челябинск=Владимир=Магадан=Махачкала'; //+ ещё города России
Cou [1] = 'Washington=New York City=Philadelphia=Boston=';
Cou [1] += 'Norfolk=Atlanta=Phoenix=Denver=Memphis=';
Cou [1] += 'Miami=Detroit=Colorado Springs'; //+ ещё города США
//+ ещё города нужных стран
function change_select (x)
{
var obj = document.forms.myForm.myCities;
obj.style.display = (x) ? 'inline' : 'none'; if (!x) return;
for (var j = obj.options.length; j > 0; j--) obj.options [j] = null;
for (var cit = Cou [x - 1].split ('='), t, j = 0; j < cit.length; j++)
{
t = document.createElement ('option');
t.text = cit [j];
t.value = cit [j]; //или t.value = j; или что-то ещё, что нужно
obj.options.add (t);
}
}
</script>
</head>
<body>
<form name="myForm">
<select name="myCountries" onchange="change_select (this.selectedIndex)">
<option>Выберите страну:</option>
<option>Россия</option>
<option>USA</option>
<!-- + ещё опшены с нужными странами -->
</select>
<select name="myCities" style="display: none">
<option>Выберите город:</option>
</select>
...
</form>
</body>
</html>