Связанные формы типа Select

S
На сайте с 05.11.2008
Offline
13
964

На странице есть два выпадающих меню <SELECT>, необходимо их связать.

Первый выпадающий список содержит:

- Одежда

- Обувь

Если в первом списке выбираем "Одежда", то во втором списке появляются пункты:

- Футболка

- Майка

Если в первом списке выбираем "Обувь", то во втором списке появляются пункты:

- Ботинки

- Кроссовки

Как такое реализовать?

Куплю сайты по недвижимости. В личку.
Gipperion
На сайте с 03.10.2006
Offline
80
#1

Можно решить вот таким суровым способом:

<script language="javascript">

function check() {
if (document.getElementById("one").value == '1') {
document.getElementById("two").innerHTML = '<select id="one"><option value="1">Футболка</option><option value="2">Майка</option></select>';
}
if (document.getElementById("one").value == '2') {
document.getElementById("two").innerHTML = '<select id="one"><option value="1">Ботинки</option><option value="2">Кроссовки</option></select>';
}
}
</script>

<select id="one" onchange="check()">
<option value="1">Одежда</option>
<option value="2">Обувь</option>
</select> <br><br>

<div id="two">
<select id="one" onclick="check()">
<option value="1">Футболка</option>
<option value="2">Майка</option>
</select>
</div>
Опыт - это такая штука, которая приходит сразу после того, как была нужна.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий