связанные поля со списками

[Ринат]

связанные поля со списками

Добрый день
необходимо сделать 2 поля со списками
итак поле_со_списком1 и поле_со_списком1
кажому элементу поле_со_списком1 соответствует НАБОР элементвов поля_со_списком2
то есть при выборе в поле_со_списком1, например "собака", в поле_со_списком2 выдавался бы список пород собак и тд
вот интересует реализация этого момента, и возможно ли сделать, чтобы эти списки были динамическмии, то есть в идеале из БД
из массива я предполагяю тоже неплохо,
поделитесь пожайлуста мнениями
спаибо!

 

[Romantik]

на этом форуме (JS) не однократно были подобные вопросы.
оспользуйся поискомили просто просмотри темы. Есть даже примеры реализации.

 

[Ринат]

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

-~{}~ 27.07.05 19:04:

была идея сделать по событию reload
но вот решил спросить сначала

-~{}~ 28.07.05 15:46:

спасибо всем
работающий код уже в студии

JS :

<script type="text/javascript">
var store = new Array();
store[0] = new Array(
'Egypt Hotel1',
'Egypt Hotel2',
'Egypt Hotel3',
'Egypt Hotel4');
store[1] = new Array(
'Bulgaria Hotel1',
'Bulgaria Hotel2',
'Bulgaria Hotel3',
'Bulgaria Hotel4');
function populate()
{
optionTest = true;
lgth = document.forms[0].second.options.length - 1;
document.forms[0].second.options[lgth] = null;
if (document.forms[0].second.options[lgth]) optionTest = false;
if (!optionTest) return;
var box = document.forms[0].first;
var number = box.options[box.selectedIndex].value;
if (!number) return;
var list = store[number];
var box2 = document.forms[0].second;
box2.options.length = 0;
for(i=0;i<list.length;i++)
{
box2.options = new Option(list,list[i+1]);
}
}
</script>


HTML :

<SELECT SIZE=4 NAME="first" WIDTH=200 onChange="populate()">
<OPTION VALUE="0">Egypt</OPTION>
<OPTION VALUE="1">Bulgaria</OPTION>
</SELECT>
<BR>
<SELECT SIZE=5 NAME="second" WIDTH=200>
<OPTION>Select county</OPTION>
</SELECT>