[JavaScript][MySQL][PHP]Generowanie dynamicznego select Opcje

[marcel_gdynia]

Witam, mam utworzoną tabelę w bazie która wygląda w podobny sposób:

Kod

+-------------+---------+
| kraj        | miasto   |
+-------------+---------+
| Polska     | Gdynia  
| Polska     | Gdańsk  
| Hiszpania  | Madryt  
| Polska     | Sopot    
| Hiszpania  | Madryt  
| Hiszpania  | Barcelona
| Polska     | Bydgoszcz  
| Polska     | Toruń  
| Hiszpania  | Tarragona  
| Polska     | Toruń  
| Hiszpania  | Tarragona

Pobieram sobie z bazy kraj i wypisuję sobie go w select=kraj z zapytania które zawiera DISTINCT.

I teraz chciałbym w JS generować automatycznie select=miasto w którym byłyby wypisane miasta które odpowiadają konkretnemu krajowi. Miasta w danym kraju mogą się powtarzać. Próbowałem poradzić sobie sam przy pomocy Ajax (np. jQuery) ale kompletnie nie daję sobie z tym rady.
Skrypty są strasznie rozbudowane, a ja chcę to uproscić ile się da.

Proszę o pomoc i z góry dziękuję za wyrozumiałość :-))

[Kshyhoo]

Zobacz, czy takie coś Cię zadowoli:

[PHP] pobierz, plaintext 
<?php
$baza = mysql_connect("localhost", "user", "pass");
mysql_select_db("tabela");
 
$kraje = mysql_query("SELECT DISTINCT(kraj) FROM tabela;");
 
for ($i=0;$i<mysql_num_rows($kraje);$i++) {
  $kraj = mysql_fetch_row($kraje);
  $tkraje[]=$kraj[0];
  $wynik = mysql_query("SELECT DISTINCT(miasto) FROM tabela WHERE kraj='$kraj[0]';");
  for ($j=0;$j<mysql_num_rows($wynik);$j++) {
    $miasto = mysql_fetch_row($wynik);
    $tmiasta[$i][$j] = $miasto[0];
  }
}
mysql_close($baza);
 
echo '<form name="form1" action="index.php" method="get">
<select name="lista1" onChange="zmien(this.options.selectedIndex)">';
 
foreach ($tkraje as $linia) echo "<option>$linia</option>";
 
echo '</select>
<select name="lista2"></select>
<input type="submit" value="Szukaj" />
</form>';
 
echo '
<script language="javascript" type="text/javascript">
<!--
function zmien(wybor) {
  l2=document.form1.lista2;
  for (i=l2.options.length;i>=0;i--) l2.options[i]=null;
  for (i=0;i<opcje[wybor].length;i++)
    l2.options[i]=new Option(opcje[wybor][i].value,opcje[wybor][i].text);
}
 
ile_lista1=document.form1.lista1.options.length;
opcje=new Array(ile_lista1)
for (i=0;i<ile_lista1;i++) opcje[i]=new Array();
';
 
for ($i=0;$i<count($tmiasta);$i++) {
  for ($j=0;$j<count($tmiasta[$i]);$j++) {
    echo "opcje[$i][$j]=new Option(\"";
    echo $tmiasta[$i][$j]."\",\"".$tmiasta[$i][$j]."\");\n";
  }
}
 
echo 'zmien(0);
// -->
</script>';
?>
[PHP] pobierz, plaintext 

[marcel_gdynia]

Dzięki za podpowiedź, ale poradę Darka znam. Siedzę nad nią od wczoraj. Działa bez zarzutu, jednak wywala błędy składni pod Validatorem W3C od wiersza 33 w dół.

I właśnie dlatego szukam innego sposobu, bo nie mogę sobie z tym poradzić.

błędy jakie wskazuje W3C:

Kod

invalid comment declaration: found character ")" outside comment but inside comment declaration
  for (i=l2.options.length;i>=0;i--) l2.options[i]=null;

Check that you are using a proper syntax for your comments, e.g: <!-- comment here -->. This error may appear if you forget the last "--" to close one comment, and later open another.

character "[" not allowed in attribute specification list
  for (i=0;i<opcje[wybor].length;i++)

character ";" not allowed in attribute specification list
for (i=0;i<ile_lista1;i++) opcje[i]=new Array();

element "ile_lista1" undefined
for (i=0;i<ile_lista1;i++) opcje[i]=new Array();

[Kshyhoo]

Zobacz ten kod, ew. może ten, lub ten.

[marcel_gdynia]

Dzięki wielkie, poradziłem sobie z poprawką tamtego skryptu. Dla zainteresowanych, żeby W3C się nie czepiał:

Linia 24: dodany pusty option

[HTML] pobierz, plaintext 
<select name="lista2"><option></option></select>
[HTML] pobierz, plaintext 

Linia 33: zamiast i-- dać i=i-1 bo i-- było interpretowane jako początek komentarza.

[HTML] pobierz, plaintext 
  for (i=l2.options.length;i>=0;i=i-1) l2.options[i]=null;
[HTML] pobierz, plaintext