Formularz Opcje

[lik]

Witam. Jak zrobic formularz ktory np.: ma 3 pola
1.pole; wybiera sie z listy np gatunek ksiazki (kryminal...)
2.pole; (po wybraniu gatunku) na liscie dostepni sa tylko autorzy ktorzy pisza w tym gatunku
3.pole; po wybraniu autora na liscie dostepne sa tylko ksiazki tego autora

chodzi glownie o to aby zawartosc kolejnych pol formularza byla zalezna od wczesniej wybranych.

[adism]

oto kod dla 3 list:

Kod

<form name="menu">
<p><select name="menu1" size="1" onChange="buduj2(document.menu.menu1.options.selectedIndex)">
</select>
<select name="menu2" size="1"  onChange="buduj3(document.menu.menu1.options.selectedIndex, document.menu.menu2.options.selectedIndex)">
</select>
<select name="menu3" size="1">
</select>
</p>
</form>
<script>
<!--

pozycje1 = new Array()
pozycje1[0] = new Option("pozycja 1","value")
pozycje1[1] = new Option("pozycja 2","value")
pozycje1[2] = new Option("pozycja 3","value")


pozycje2 = new Array()
pozycje2[0] = new Array()
pozycje2[0][0] = new Option("pozycja 1 1","value")
pozycje2[0][1] = new Option("pozycja 1 2","value")
pozycje2[0][2] = new Option("pozycja 1 3","value")
pozycje2[1] = new Array()
pozycje2[1][0] = new Option("pozycja 2 1","value")
pozycje2[1][1] = new Option("pozycja 2 2","value")
pozycje2[1][2] = new Option("pozycja 2 3","value")
pozycje2[2] = new Array()
pozycje2[2][0] = new Option("pozycja 3 1","value")
pozycje2[2][1] = new Option("pozycja 3 2","value")
pozycje2[2][2] = new Option("pozycja 3 3","value")


pozycje3 = new Array()

pozycje3[0] = new Array()
pozycje3[0][0] = new Array()
pozycje3[0][0][0] = new Option("pozycja 1 1 1","value")
pozycje3[0][0][1] = new Option("pozycja 1 1 2","value")
pozycje3[0][0][2] = new Option("pozycja 1 1 3","value")
pozycje3[0][1] = new Array()
pozycje3[0][1][0] = new Option("pozycja 1 2 1","value")
pozycje3[0][1][1] = new Option("pozycja 1 2 2","value")
pozycje3[0][1][2] = new Option("pozycja 1 2 3","value")
pozycje3[0][2] = new Array()
pozycje3[0][2][0] = new Option("pozycja 1 3 1","value")
pozycje3[0][2][1] = new Option("pozycja 1 3 2","value")
pozycje3[0][2][2] = new Option("pozycja 1 3 3","value")

pozycje3[1] = new Array()
pozycje3[1][0] = new Array()
pozycje3[1][0][0] = new Option("pozycja 2 1 1","value")
pozycje3[1][0][1] = new Option("pozycja 2 1 2","value")
pozycje3[1][0][2] = new Option("pozycja 2 1 3","value")
pozycje3[1][1] = new Array()
pozycje3[1][1][0] = new Option("pozycja 2 2 1","value")
pozycje3[1][1][1] = new Option("pozycja 2 2 2","value")
pozycje3[1][1][2] = new Option("pozycja 2 2 3","value")
pozycje3[1][2] = new Array()
pozycje3[1][2][0] = new Option("pozycja 2 3 1","value")
pozycje3[1][2][1] = new Option("pozycja 2 3 2","value")
pozycje3[1][2][2] = new Option("pozycja 2 3 3","value")

pozycje3[2] = new Array()
pozycje3[2][0] = new Array()
pozycje3[2][0][0] = new Option("pozycja 3 1 1","value")
pozycje3[2][0][1] = new Option("pozycja 3 1 2","value")
pozycje3[2][0][2] = new Option("pozycja 3 1 3","value")
pozycje3[2][1] = new Array()
pozycje3[2][1][0] = new Option("pozycja 3 2 1","value")
pozycje3[2][1][1] = new Option("pozycja 3 2 2","value")
pozycje3[2][1][2] = new Option("pozycja 3 2 3","value")
pozycje3[2][2] = new Array()
pozycje3[2][2][0] = new Option("pozycja 3 3 1","value")
pozycje3[2][2][1] = new Option("pozycja 3 3 2","value")
pozycje3[2][2][2] = new Option("pozycja 3 3 3","value")

function buduj3(id1, id2) {
for (m = document.menu.menu3.options.length-1; m>0; m--) {
  document.menu.menu3.options[m] = null;
}
for (i = 0; i<pozycje3[id1][id2].length; i++) {
  document.menu.menu3.options[i] = pozycje3[id1][id2][i];
}
document.menu.menu3.options[0].selected=true
}

function buduj2(id1) {
for (m = document.menu.menu2.options.length-1; m>0; m--) {
  document.menu.menu2.options[m] = null;
}
for (i = 0; i<pozycje2[id1].length; i++) {
  document.menu.menu2.options[i] = pozycje2[id1][i];
}
document.menu.menu2.options[0].selected=true
buduj3(document.menu.menu1.options.selectedIndex, 0)
}

function buduj1() {
for (m = document.menu.menu1.options.length-1; m>0; m--) {
  document.menu.menu1.options[m] = null;
}
for (i = 0; i<pozycje1.length; i++) {
  document.menu.menu1.options[i] = pozycje1[i];
}
document.menu.menu1.options[0].selected=true
buduj2(0)
}


buduj1();
//-->
</script>

troche tego duzo, ale czy nie oto ci chodzilo

na wersje php musisz troche poczekac bo z glowy ci tego nie napisze

p.s. jutro powinna byc gotowa wersja php z mysql

Ten post edytował adism 26.08.2004, 14:17:33