[js?] Dynamiczne źródło W Polu <select>, jak zrobić Opcje

[ktuvok]

Rysuję formularz html, którego jednym z elementów będzie pole <SELECT>. W jaki sposób uzależnić zestaw możliwych do wybrania wartości w tym polu od wyboru określonej wartości w innym polu?

Czyli:

Jeśli w <INPUT TYPE=SELECT NAME=A> wybrano 1
to w polu <INPUT TYPE=SELECT NAME=B> są do wyboru możliwości 1 i 2.

Jeśli wybrano 2 -> 5, 6 i 7

itd...

Jak się do tego zabrać?


Pozdrawiam,
K

PS
Piszę na to forum, bo niespecjalnie mam pomysł, gdzie to pytanie postawić, więc jeśli nie trafiłem, to przenieście proszę.

[adism]

Oto kod dla dynamicznego menu:

[HTML] pobierz, plaintext 
<form name="menu">
<p><select name="menu1" size="1" onChange="refresh()">
<option>grupa a</option>
<option>grupa b</option>
<option>grupa c</option>
<option>grupa d</option>
</select>
<select name="menu2" size="1">
</select>
</p>
</form>
<script>
<!--
grupa = new Array();
 
grupa[0] = new Array();
grupa[0][0] = new Option("text a1","value_a1");
grupa[0][1] = new Option("text a2","value_a2");
grupa[0][2] = new Option("text a3","value_a3");
 
grupa[1] = new Array();
grupa[1][0] = new Option("text b1","value_b1");
grupa[1][1] = new Option("text b2","value_b2");
grupa[1][2] = new Option("text b3","value_b3");
 
grupa[2] = new Array();
grupa[2][0] = new Option("text c1","value_c1");
grupa[2][1] = new Option("text c2","value_c2");
grupa[2][2] = new Option("text c3","value_c3");
 
grupa[3] = new Array();
grupa[3][0] = new Option("text d1","value_d1");
grupa[3][1] = new Option("text d2","value_d2");
grupa[3][2] = new Option("text d3","value_d3");
 
function refresh() {
id = document.menu.menu1.options.selectedIndex;
 for (m = document.menu.menu2.options.length-1; m>0; m--) {
  document.menu.menu2.options[m] = null;
 }
 for (i = 0; i<grupa[id].length; i++) {
  document.menu.menu2.options[i] = grupa[id][i];
 }
 document.menu.menu2.options[0].selected=true;
}
refresh(0);
//-->
</script>
[HTML] pobierz, plaintext 

mam nadzieje ze sie przyda

pozdro

Ten post edytował adism 25.08.2004, 07:01:28