Dwa select'y Opcje

[Ociu]

Witam.
Chcę zaznaczyć, że nie wiem, czy to powinno być tu, jeśli nie, to przenieście.

Mam 2 selecty w php:

[PHP] pobierz, plaintext 
<?php
echo '<form method=\"POST\" action=\"...\">
  <select size=\"1\" name=\"select\">';
$sql = mysql_query(&#092;"SELECT * FROM ...\");
  while($row = mysql_fetch_row($sql))
{
echo '<option>'.$row['ble'].'</option>';
}
echo '<br />
  <input type=\"submit\" value=\"Prześlij\" name=\"B1\">
</form>';
?>
[PHP] pobierz, plaintext 

i jest drugi, ale to mniejsza o to jak on wygląda.

Chcę zrobić, aby początkowo ten drugi był pusty, a gdy wybiore sobie jakąś opcję z tego pierwszego selecta, to pokazały mi się jakieś tam wybory w drugim... Tak jak np. z województwami. Np. jeśli w pierwszym wybiore województwo np. Mazowieckie, to w drugim pokazą mi sie niektóre miasta z tego województwa (Wa-wa, Pruszków, Wołomin etc.)
Z góry dzięki za pomoc.

[dasko]

@Ociu: przypisz sobie ta funkcje do onchange do selecta:

Kod

<script>
function onSelectChange() {
    // dwuwymiarowa tablica, zawierajaca wartosci do poszczegolnych elementow pierwszego selecta
    var values = [['blah', 'blaaah', 'blaaaaaaaaaaaaah'],['foo', 'bar', 'foobar']];
    // referencja do pierwszego selecta
    var pierwszy = document.getElementById('pierwszy');
    // referencja do drugiego selecta
    var drugi = document.getElementById('drugi');
    if(drugi.length > 0) {
  // usuwamy opcje drugiego selecta jesli ponownie zmieniono wybor w pierwszym
  for(var i=0; i < drugi.length;) {
     drugi.remove(drugi.length-1);
  }
    }
    var arr = values[pierwszy.selectedIndex];
    for(var i=0; i < arr.length; i++) {
  var option = document.createElement('option');
  option.text = arr[i];
  // dodajemy nowy element
  drugi.add(option, null);
    }
}
</script>

Możesz jakoś połaczyć JS i php, zeby zainicjowac ta dwuwymiarowa tablice (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)