Нужна помощь в форме

Доброго времени суток, не могу написать форму типа:
в форме должно быть 2 <select>(списка),
в первом списке 4 вида воды,а во втором списке 2 и 3 вида бутылок. Надо сделать так чтобы при 1 и 2 виде воды, появлялось 3 вида бутылок для неё, а в 3 и 4 виде воды, появлялось всего 2 вида бутылок... помогите кто может

это надо делать либо на PHP+AJAX либо на JavaScript, покажи что у тебя есть , с нуля неохотно писать.

-----
Aurus CMS

CenapaTop, а как скрипт работает, не могу понять

(Отредактировано автором: 12 Августа, 2009 - 10:25:31)

Ну что-же здесь можно не понять...

При изменении значения в списке "water" вызывается функция my(), та в свою очередь проверяет какой тип воды выбран, если в диапазоне 3-4,
if (drink.water.selectedIndex==2||drink.water.selectedIndex==3)
то отображается список bottle2, при этом список bottle1 становится скрытым.
!Изначально список bottle2 скрыт, а bottle1 наоборот !
В другом же случае, отображается bottle1 , а bottle2 нет.

(Отредактировано автором: 12 Августа, 2009 - 21:36:35)

-----
армия.. самое убогое место

movEAX, спасибо большое, но на сайте скрипт не работает, програмка поиска ошибок ругается на "if (drink.water.selectedIndex==2||drink.water.selectedIndex==3)"

-----
армия.. самое убогое место

movEAX, работает, только показывает 1,2пункт - 3 бутылки и 3,4 - 2 бутылки (это правельно), а 5 пункт показывает 3тары, а должен 2...

<script>
function handlerWater(myAqua){
var showBottle =(myAqua.selectedIndex==2||myAqua.selectedIndex==3)?2:1;
var myBottle = document.aquaForm.bottle;
myBottle.options.length = 0;
switch(showBottle){
case 1:
myBottle.options[myBottle.options.length] = new Option("12 л.", "значение1");
myBottle.options[myBottle.options.length] = new Option("19 л.", "значение2");
myBottle.options[myBottle.options.length] = new Option("19 л. ПЭТ", "значение3");
break;
case 2:
myBottle.options[myBottle.options.length] = new Option("12 л.", "значение1");
myBottle.options[myBottle.options.length] = new Option("19 л.", "значение2");
break;
}
}
</script>

<form action="" method="get" name="aquaForm">
<strong> Водичка </strong>
<br/>
<select name="aqua" onChange="handlerWater(this)">
<option selected="selected">Пит.вода "Кристалл"</option>
<option>Пит.вода "Менделеевская"</option>
<option>Тех.вода "Менделеевская" (высшая категория)</option>
<option>Пит.вода "Кристалл" (высшая категория)</option>
<option>Тех.вода "Кристаллинка"</option>
</select>

<strong> Бутылки </strong>
<select name="bottle">
<option>12 л.</option>
<option>19 л.</option>
<option>19 л. ПЭТ</option>
</select>
</form>

Все до безумия просто, поставь вместо "==3" - "==4"

-----
армия.. самое убогое место

movEAX, тогда он делает 5 пункт 2 позиции, а 4 опять 3 позиции, я пробывал по разному...

Извиняюсь, что-то я сглупил. myAqua.selectedIndex>=2||myAqua.selectedIndex<=4

-----
армия.. самое убогое место